Web developers have been trying to solve layout issues since the dawn of web. We started with tables, then floats and grids—each technique had its limitations. Thanks to Flexbox, it’s all about to change.
Flexbox is one of the most promising yet underutilized additions to the CSS3 specification. Using this layout model you can arrange elements in any direction, align them, distribute the space, assign sizes, stretch or shrink them to fit in parent element, wrap or rearrange them—all with far less CSS compared to grids.
Flexbox truly shines when used in responsive design. Changing the visual order, alignment, assigning proportional sizes of your boxes becomes a breeze. In this presentation, learn the basics of Flexbox specification and explore some of its practical uses.