The newest layout gift from the Web Gods is CSS Grid. It's a huge step forward in how we do layout, and both developers and designers will love it.

In this episode we talk about the basics of CSS Grid, easy ways to get started with it, and even the differences between grid layouts in print design and the web.

Whether you're a designer or a developer, you're going to get something out of this episode. Definitely give CSS Grid a try and quit using table elements to do your layouts! You're scaring the children.

Resources

Rachel Andrew's Grid by Example: https://gridbyexample.com/patterns/

https://css-tricks.com/snippets/css/css-grid-starter-layouts/

https://css-tricks.com/snippets/css/complete-guide-grid/

https://twitter.com/rachelandrew

https://twitter.com/jensimmons

https://alistapart.com/article/the-story-of-css-grid-from-its-creators/

Webflow's Grid Tool: https://webflow.com/grid

Sarah Drasner's CSS Grid Generator: https://cssgrid-generator.netlify.com/

CSS Grid Courses

Wes Bos' free course https://cssgrid.io/

Free Code Camp's Video course https://www.youtube.com/watch?v=t6CBKf8K_Ac