grid-auto-rows
Sets the size of any rows that the browser creates automatically (implicit rows) when items spill over your explicitly defined grid rows.
Quick example
.flexible-list {
display: grid;
/* Extra rows added for content will expand/shrink to fit it */
grid-auto-rows: min-content;
}Quick facts
Initial value
autoInherited
No
Applies to
grid containers
Animation type
byComputedValueType
grid-auto-rows 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+
70+
10.1+
16+