A 3-column/3-row grid with designated grid-areas per div, with a Firefox grid overlay. See Figure 1.

The ABC of building impressive CSS grid layouts with the grid-template-area property

Discover the fun of creating multiple grid compositions with css grid-area

CSS grids provide powerful properties to style static and responsive grids. Some come with ease-of-use, others with distinct complexities. One of my favorite property for an immediate layout visual…