CSS · Properties — CSS Grid Layout

grid-area

The CSS grid-area property. Initial value: grid-row-start,grid-column-start,grid-row-end,grid-column-end. Not inherited.

cssRunnable example css course

Syntax

grid-area: <grid-line> [ / <grid-line> ]{0,3}

Example

Try it

.demo { grid-area: initial; }

Media: visual. Applies to: gridItemsAndBoxesWithinGridContainer. Computed value: grid-row-start,grid-column-start,grid-row-end,grid-column-end.

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.