grid-row
A shorthand property for 'grid-row-start' and 'grid-row-end'. It defines an item's vertical position and height within a grid in one line.
Usage example
.hero-image {
/* Starts at row 1 and spans 2 rows down */
grid-row: 1 / span 2;
}Initial value
See individual properties
Inherited
No
Applies to
gridItemsAndBoxesWithinGridContainer
Animation type
discrete
grid-row Browser Support
Widely available Since 2017 95% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2017.
Safe to use without fallbacks.
57+
52+
10.1+
16+