The grid property is shorthand for grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns, and grid-auto-flow.

The grid-area property specifies a grid item’s size and location in a grid layout, and is a shorthand property for other grid properties.

The grid-auto-columns property sets a size for the columns in a grid container, affecting only columns with the size not set.

The grid-auto-flow property controls how auto-placed items get inserted in the grid.

The grid-auto-rows property sets a size for the rows in a grid container, affecting only rows with the size not set.

The grid-column property specifies a grid item’s size and location in a grid layout, and is a shorthand property for other grid properties.

The grid-column-end property defines how many columns in a grid layout an item will span, or on which column-line the item will end.

The grid-column-gap property defines the size of the gap between the columns in a grid layout.

The grid-column-start property defines on which column-line the item will start in a grid layout.

The grid-gap property defines the size of the gap between the rows and columns in a grid layout, and is a shorthand property for other grid properties.

The grid-row property specifies a grid item’s size and location in a grid layout, and is a shorthand property for other grid properties.

The grid-row-end property defines how many rows an item will span, or on which row-line the item will end.

The grid-row-gap property defines the size of the gap between the rows in a grid layout.

The grid-row-start property defines on which row-line the item will start in a grid layout.

The grid-template property is a shorthand property for other grid properties.

The grid-template-areas property specifies areas within a grid layout.

The grid-template-columns property specifies the number and widths of columns in a grid layout, where each value is the size of the respective column.

The grid-template-rows property specifies the number and heights of rows in a grid layout, where each value is the size of the respective row.

The row-gap property specifies the gap between the grid rows.