CSS `grid-row-end` Property

Example

Set item1 to span 3 rows:

.item1 {
  grid-row-end: span 3;
}

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

Property	Chrome	Edge	Firefox	Safari	Opera
grid-row-end	57	16	52	10	44

The grid-row-end property specifies the row where an item ends within the grid or how many rows it spans.

Default value:	auto
Inherited:	no
---	---
Animatable:	Yes. Read about animatable Try it
---	---
Version:	CSS Grid Layout Module Level 1
---	---
JavaScript syntax:	`object.style.gridRowEnd="4"` Try it
---	---

grid-row-end: auto|row-line|span n;

Set grid item1 to end at the 3rd row:

.item1 {
  grid-row-end: 3;
}