CSS grid-area property

Description

CSS grid sets both the explicit (grid-template-rows, grid-template-columns, grid-template-areas) and implicit (grid-auto-rows, grid-auto-columns) grid properties.

Its structure resembles 'grid-template' with additional 'auto-flow' properties.

Syntax

grid : grid-template | grid-template-rows / [ grid-auto-flow] grid-auto-columns | [grid-auto-flow] grid-auto-rows / grid-template-columns

Applicable to

See longhand properties

From web4college, the free CSS digger

#CSS digger
Was this article helpful?

 
grid-area
▾
×

Ctrl+D