Utilizor
Contact Us

Grid Columns/Rows

You can define the columns and rows of the grid using the grid-template-columns and grid-template-rows properties.

CSS Grid Columns and Rows

You can define the columns and rows of the grid using the grid-template-columns and grid-template-rows properties.

grid-template-columns

The grid-template-columns property defines the number of columns in your grid layout, and it can define the width of each column.

1
2
3
4
5
6

Example

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
}