grid-row

Last Updated: May 1, 2022

Definition and Usage

The grid-row the property specifies the height of the grid item and its location.

grid-row is the short-hand property of the following two properties

Let’s define a grid item located on the 1st row and spaned 2 rows

1
2
3
4
5
6

The grid-row: 2 / 4; and grid-row: 2 / span 2; are same.

Test