Best WordPress Hosting
 

How To Build A Magazine Layout With CSS Grid Areas

via smashingmagazine.com => original post link

In this article, I want to talk about the amazing possibilities of a CSS grid and how it allows for complex layouts that are closer to a print design. The design we’ll discuss is actually one I got to work on for a client (modified slightly to a demo case). It will cover two big use cases of a CSS grid:

Having a static grid where we define the specified start and end points for each element;

Using CSS grid template areas to reorder a simple HTML layout easily without updating the HTML.