Start Over Coder

055 - CSS Grid Is Awesome!!!

02.07.2018 - By Start Over CoderPlay

Download our free app to listen on your phone

Download on the App StoreGet it on Google Play

Verdict on CSS Grid…it is awesome! This episode is about what I learned after digging in to the syntax and how you can learn it as well. CSS Grid is a new display method that is part of the native CSS3 syntax, and is supported in the majority of modern web browsers. The primary advantage of using grid is that you can create a web page layout by placing your content anywhere you like on a grid that you define yourself. No more floats, clears, or adapting to someone else’s grid system—just build what you need and it works. Using CSS grid also make is incredibly simple to make layouts responsive with not very much code at all. Feedback Request! Click here for a pre-release version of the new Start Over Coder website that I built using CSS Grid and Hexo, a static site generator...and let me know what you think! Contact me on Twitter or by email. Thanks in advance!   Below is a list of the CSS Grid resources I’ve found to be the most helpful as I learned. Top Recommendations: Start Here! CSS Grid Changes Everything - YouTube video Learn Here! Wes Bos’ CSS Grid Video Course - highly recommended! Talks & Demos (video content) Start Using CSS Grid Layouts Today (conference talk) Build a Mosaic Portfolio Layout with CSS Grid Creating a nice layout CSS Grid layout using grid template areas How to Create Website Layouts Using CSS Grid CSS Grid Layout Crash Course Flexibility & The Fold – new possibilities with CSS Grid Web Demos & Documentation CSS Tricks Complete Guide to Grid Grid By Example - Rachel Andrew demos Jen Simmons Labs Learn CSS Grid MDN Documentation Thoughts on this episode? Any other methods you have for getting unstuck? Leave a comment at startovercoder.com or tweet me @startovercoder.

More episodes from Start Over Coder