Utilizor
Contact Us

Grid Item

Grid Item Properties: grid-column-start, grid-column-end, grid-row-start, grid-row-end, grid-column, grid-row, grid-area, justify-self, align-self.

CSS Grid Items

Grid Item Properties: grid-column, grid-row, grid-area, etc.

grid-column

The grid-column property defines on which column(s) to place an item.

1
2
3
4
5
6

grid-row

The grid-row property defines on which row(s) to place an item.

Example

.item1 {
  grid-column: 1 / span 2;
  grid-row: 1 / span 2;
}