If you started writing CSS a few years ago, the chances are you've become accustomed to a few quirks of CSS layouts that you've taken to be unavoidable. For instance, using absolutely positioned elements inside of relatively positioned elements, or using clearfix in conjunction with floats to achieve column grids. Intuitively, we've all thought there should be a better way. After all, it is a bit strange that the best solution for vertical centering has involved using display:table; and associated styles. Why should we be using hacks to make fundamental things work? The flexible box module, or flexbox for short, is the emerging solution to many of our past woes, and fits a host of design patterns that have become prevalent.
↧