grid-row is the shorthand for grid-row-start and grid-row-end. The
grid-row property sets the height of an individual grid item.
Let's understand how grid-row property works by looking at the above example.
Item 1 :
grid-row: auto auto: The grid item's row start and row end are automatically
set.(Default)
Item 2 :
grid-row: 1 / 4: The grid item starts before the first row and ends just
before the fourth one.
Item 3 :
grid-row: span 2: The grid item spans 2 rows.
Item 4 :
grid-row: 1 / span 2: The grid item starts before the first row and spans for
2 rows.