Display: grid

A CSS display property that defines a grid-based layout. Grid containers arrange their children (items inside them) across multiple columns and rows.

You can customize how the direct children are positioned, aligned, and distributed within the grid components: the container, the individual cells, group of cells, or tracks.

The grid child settings allow you to override the grid container settings for alignment and justification. They also allow you to change the order of the selected grid children.