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.
It is documented as part of the CSS Grid Layout specification.
Syntax
/* Usage Example */
.hero-image {
/* Starts at row 1 and spans 2 rows down */
grid-row: 1 / span 2;
}
/* Global values */
grid-row: inherit;
grid-row: initial;
grid-row: revert;
grid-row: revert-layer;
grid-row: unset;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.
57+
52+
10.1+
16+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more