Название: Get Ready for CSS Grid Layout 2nd Edition Автор: Rachel Andrew Издательство: Book Apart Год: 2019 Страниц: 124 Язык: английский Формат: pdf, epub Размер: 22.5 MB
By the time CSS Grid Layout was supported by all major browsers in 2017, Rachel Andrew had already thoroughly parsed the spec and, with the release of the first edition of Get Ready for CSS Grid Layout in 2016, helped legions of readers put the new two-dimensional layout system to work in their designs.
CSS Grid Layout, also known simply as Grid, tamed CSS' longtime Achilles' heel: layout. Now that the technique has matured, Rachel is back with a fresh survey of the landscape-what's new in the spec, and what's next for Grid.
The CSS Grid Layout Module defines a two-dimensional grid layout system. Once a grid has been established on a containing element, the children of that element can be placed into a flexible or fixed layout grid. The grid can be redefined using media queries. This makes CSS Grid Layout an incredibly powerful tool—one that the web has been waiting for ever since we began doing layout with CSS instead of tables.
Rather than talk about CSS Grid Layout (or just plain “Grid,” as I will call it often throughout this text) in abstract terms, I’ll demonstrate its functionality through a series of examples. The example code is linked so you can use it as a starting point for your own explorations. Everything described—with the exception of the final section on Grid Layout Level 2—is supported in Chrome, Firefox, Safari, and Edge, plus the myriad Chromium-based browsers today.
Chapter 1. What is CSS Layout? Chapter 2. Laying Things Out the Grid Chapter 3. CSS Grid Layout and Design Chapter 4. Grid, Another Tool in Our Kit Chapter 5. What’s Next for Grid? Resources