CSS grid-column property
We have a grid that consists of 3 columns and 4 grid lines.
grid-column : grid-column-start / grid-column-end | grid-column-start / span columns
'1/2' means the item is placed between grid lines 1 and 2 i.e. within the first column.
'2/3' means the item is placed between grid lines 2 and 3 i.e. within the second column.
'3/4' means the item is placed between grid lines 3 and 4 i.e. within the third column.
The first value represents the grid line and the second value after the span represents the number of columns occupied by the item.
grid-column: 1/span 2;
See longhand properties
Was this article helpful?