Matt Radford

Messing with links since <blink>

Notes from #responsiveconf – Rachel Andrew

Published on 

Css Grid Layout

display: grid stacks everything.

Grid gets us away from worrying about the source order.

Grid Template Areas

Specify areas of the grid by name (nice!), outside of media queries.

Don’t need to name gutter columns, but they do need to be declared, and can be ignored using the shorthand syntax with a period.

repeat allows for more complex grids.

“Always working from the lines, not the columns”.
“The spec I’ve been waiting for”.

Grid for general layout, Flexbox for small UI elements.

http://rachelandrew.co.uk/presentations/css-grid

2014-06-27 11.54.42
2014-06-27 11.54.13
2014-06-27 11.50.35
2014-06-27 11.50.32