Utilizor
Contact Us

Grid Container

Grid Container Properties: grid-template-columns, grid-template-rows, grid-template-areas, grid-template, grid-column-gap, grid-row-gap, grid-gap, justify-items, align-items, justify-content, align-content.

CSS Grid Container

Grid Container Properties: grid-template-columns, grid-template-rows, grid-gap, etc.

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

grid-gap

The grid-gap property is a shorthand property for the grid-row-gap and the grid-column-gap properties.

Example

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