Utilizor
Contact Us

Grid Lines

The lines between columns are called column lines. The lines between rows are called row lines.

CSS Grid Lines

The lines between columns are called column lines. The lines between rows are called row lines.

Placing Items by Grid Lines

You can refer to line numbers when placing a grid item.

1
2
3
4
5
6

Example

.item1 {
  grid-column-start: 1;
  grid-column-end: 3;
}