CSS Grid Layout // Grid Areas

Learn about grid areas and how they can help you create a responsive grid superstructure for you to place your website content. I'll teach you how to define grid areas and order those areas based on media queries to create a beautiful, responsive layout. ---------------------------------------------------------- MORE RESOURCES CSS Grid Layouts Pen: https://codepen.io/brianhaferkamp/pen/RVvYev/ Grid-based Magazine Layouts (Easy and Safe for the Web): http://codepen.io/collection/DxZojm CSS-Tricks Guide to Grid: https://css-tricks.com/snippets/css/complete-guide-grid/ Grid by Example (Rachel Andrews): http://gridbyexample.com/ Jen Simmons's Grid Layout Lab: http://labs.jensimmons.com/ ---------------------------------------------------------------- If you like this video, please click the thumbs up. And don't forget to subscribe to get notifications of more of my content. Questions or comments? Leave them in the comments section or contact me on Twitter: @brianhaferkamp ----------------------------------------------------------------