Using the grid
shorthand property, we can set all of the explicit grid properties (grid-template-rows
, grid-template-columns
, and grid-template-areas
), all the implicit grid properties (grid-auto-rows
, grid-auto-columns
, and grid-auto-flow
), and the gutter properties (grid-column-gap
and grid-row-gap
) in a single declaration.