Creating modern page layouts with CSS Grid
CSS Grid is the brand-new spec available in the latest browsers. Jen Kramer details Grid's basic syntax, using a layout of a Mondrian painting as an example, and explores alternative Grid syntaxes as well as nested and offset grid layouts. Jen concludes by walking you through combining Flexbox and Grid to solve a web page layout problem.
Talk Title | Creating modern page layouts with CSS Grid |
Speakers | Jen Kramer (Harvard University Extension School) |
Conference | O’Reilly Fluent Conference |
Conf Tag | The Web Platform in Practice |
Location | San Jose, California |
Date | June 12-14, 2018 |
URL | Talk Page |
Slides | Talk Slides |
Video | |
CSS Grid is the brand-new spec available in the latest browsers. Jen Kramer details Grid’s basic syntax, using a layout of a Mondrian painting as an example, and explores alternative Grid syntaxes as well as nested and offset grid layouts. Jen concludes by walking you through combining Flexbox and Grid to solve a web page layout problem.