grid-auto-columns
Sets the size of any columns that the browser creates automatically (implicit columns) when you place items outside of your explicitly defined grid columns.
Quick example
.dynamic-grid {
display: grid;
/* Any columns added automatically will be exactly 100px wide */
grid-auto-columns: 100px;
}Quick facts
Initial value
autoInherited
No
Applies to
grid containers
Animation type
byComputedValueType
grid-auto-columns 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+