Grid
Introduction
The CSS Grid Layout Module offers a grid-based layout system, with rows and columns, making it easier to design web pages without having to use floats and positioning.
Grid Properties
Property | Values | Description |
---|---|---|
Grid Template Columns | number | Specifies the number (and the widths) of columns in a grid layout. |
Grid Template Rows | number | Specifies the number (and the heights) of the rows in a grid layout. |
Justify Items | normal, center, start, end | Defines how the items will be aligned horizontally in each column. |
Align Items | normal, center, start, end | Defines how the items will be aligned vertically in each row. |
Grid Column Gap | number | Defines the size of the gap between the columns in a grid layout. |
Grid Row Gap | number | Defines the size of the gap between the rows in a grid layout. |
Was this article helpful?
YesNo