CSS Grid: The newest layout tool for the web

In this episode we cover CSS Grid, a new layout tool for the web. When it comes to positioning elements on the web, CSS Grid marks a huge step forward for developers. It's easy to learn, with lots of parallels with the grid in other design practices so designers will love it too.

And hey, quit using table elements to create your layouts!

Questions? Email us
theoverlappodcast@gmail.com

Tweet us @lovelettersco or @mistertrost
Follow the show @overlappod

For more episodes + show notes, visit
overlappodcast.com

Resources

Rachel Andrew's Grid by Example: https://gridbyexample.com/patterns/ on twitter @rachelandrew

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

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

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

Episode source