A clear and simple explanation on approaching CSS Grid Layout for a basic site layout with header, sidebar, main content, additional content and a footer.
When the practice of web design was new, layouts were pretty simple. Header, sidebar, content area, and footer. Now, as the web has evolved, our layouts have become more complex and we have a lot more to contend with as web designers. We often need numerous content regions, responsive design, multiple page layout template designs, amongst many other things. And to implement the design and get it to display correctly, floats and positioning are required. Floats sound simple, but these can sometimes be tricky to work with.
Luckily, there will soon to be an easier way to design and display web content. It’s an awesome time to be a designer because CSS Grid Layouts are gaining traction.An excerpt from How to create a simple layout with CSS Grid Layouts