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

--

--

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 2x.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
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 2x.