Making sense of the new CSS layout
Flexbox and Grid offer powerful layout methods for the Web. However, to make best use of them, you must familiarize yourself with some new core concepts. Rachel Andrew demystifies the new CSS layout methods so you can fully benefit from their power.
| Talk Title | Making sense of the new CSS layout |
| Speakers | Rachel Andrew (Edgeofmyseat.com) |
| Conference | Fluent |
| Conf Tag | The Web Platform in Practice |
| Location | San Francisco, California |
| Date | March 8-10, 2016 |
| URL | Talk Page |
| Slides | Talk Slides |
| Video | |
For over 10 years, CSS layout has required users to understand how to use floats, positioning, and other techniques not really designed for the job. In recent years, many developers have stopped dealing with the problem at all, instead using a framework or grid system to solve the problem. With CSS Grid Layout and Flexbox, for the first time, we have layout methods that are designed for purpose. However, they are complex at first sight and can seem more difficult to use than the hacks they replace. Rachel Andrew demonstrates how an understanding of a few new concepts can help both Grid and Flexbox make sense. Rachel explores the Level 3 Box Alignment module and shows how the concepts within work with the other layout specifications. She’ll also cover the differences between Grid and Flexbox and explain how to choose one over the other.
