Grid by Example

A collection of usage examples for the CSS Grid Layout specification.

Day 4: Laying out the future with Grid and Flexbox

Dec 4, 2016

A longer video for Day 4. This presentation was recorded at the View Source Conference in Berlin.

It is 2016. CSS is now 20 years old, and it has taken this long for us to get a true layout system designed for web pages and applications. A layout system, not based on hacking properties designed for something else entirely, but one that considers the reality of design for the web today.

Find out how grid and flexbox work together, and how your existing flexbox knowledge will help you learn grid layout.

What is this?

I’m sharing some tips to help you learn Grid Layout from the 1st of December until Christmas. Edited highlights from the things on this site and that I’ve posted elsewhere. Follow along!

If you find this style of learning useful then you might enjoy my online CSS Layout Workshop. I’m also available for in-house training, workshops and consultancy or conference speaking.

Back to Blog listing