The grid-area CSS property is a shorthand property for grid-row-start , grid-column-start , grid-row-end and grid-column-end , specifying a grid item's size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.
The grid-area property is used to set a grid item size and location in a grid layout. The grid-area property is also used to set a name to a grid item.
grid-area: grid-row-start / grid-column-start / grid-row-end /
grid-column-end | itemname;
Property Values:
Supported Browsers: