CSS grid-row Свойство

Сделать "Item1" начать в строке 1 и span 2 колонки:

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

Определение и использование

Свойство grid-row определяет размер и расположение элемента сетки в макете сетки и является сокращенным свойством для следующих свойств:

Значение по умолчанию:	auto / auto
Inherited:	no
Animatable:	yes. Читайте о animatable
Version:	Модуль макета сетки CSS уровень 1
Синтаксис JavaScript:	object.style.gridRow="2 / span 2"

Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.

Свойство
grid-row	57	16	52	10	44

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

Значение	Описание
grid-row-start	Указывает, в какой строке следует начать отображение элемента.
grid-row-end	Указывает, на какой строке строки прекратить отображение элемента, или сколько строк для Span.

Можно использовать значения строк строки, а не числа строк для Span:

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