Grid container (parent element)

Properties that are set on the parent element initially apply to all child elements. However, individual properties can later be overlayed on the child elements. The parent element properties can be set via GridLayout(API).

GridTemplateColumns:

Defines how wide the columns/tracks of the explicit grid are for the grid container.

GridTemplateRows:

Defines how high the row tracks of the explicit grid are for the grid container.

GridAutoFlow:

Controls how automatically placed grid items fill free cells in the CSS grid.

ColumnGap:

Defines the horizontal distance between the column tracks in the CSS grid.

RowGap:

Defines the vertical spacing between the rows of a CSS grid.

AlignItems:

Controls the alignment of all grid items in the CSS grid on the block axis (usually vertical). It works within each individual grid cell.

JustifyItems:

Controls the alignment of all grid items in the CSS grid on the inline axis (usually horizontal). It works within each individual grid cell.

OverflowX:

Controls what happens if the content is wider in the horizontal direction than its container.

OverflowY:

Controls what happens if the content is higher in the vertical direction than its container.