A 3-column/3-row grid with designated grid-areas per div, with a Firefox grid overlay. See Figure 1.
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

Eva Schicker
5 min readSep 22, 2021

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…

--

--

Eva Schicker

Hello. I write about UX, UI, AI, animation, tech, art & design seen through the eyes of a designer. UX lead Lelantos Press, NYC UX GA grad. Top writer 5x.