CSS grid-row Property

Make "item1" start on row 1 and span 2 rows:

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

Definition and Usage

The grid-row property specifies a grid item's size and location in a grid layout, and is a shorthand property for the following properties:

Default value:	auto / auto
Inherited:	no
Animatable:	yes. Read about animatable Try it
Version:	CSS Grid Layout Module Level 1
JavaScript syntax:	object.style.gridRow="2 / span 2" Try it

The numbers in the table specify the first browser version that fully supports the property.

Property
grid-row	57	16	52	10	44

grid-row: grid-row-start / grid-row-end;

Value	Description	Demo
grid-row-start	Specifies on which row to start displaying the item.	Demo ❯
grid-row-end	Specifies on which row-line to stop displaying the item, or how many rows to span.	Demo ❯

You can use row-line values instead numbers of rows to span:

.item1 {
grid-row: 1 / 3;
}