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