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

--

--

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, animation, & entrepreneurship through the eyes of a visual designer. UX lead Lelantos Press, NYC UX GA grad, top design writer.