CSS grid-auto-columns Property

The grid-auto-columns CSS property specifies the size of columns in implicitly generated grid containers.




Property Values

Value Description
auto The default value. The container's size determines the size of the columns.
max-content The size of each column is determined by the largest item in the column.
min-content The size of each column is determined by the smallest item in the column.
minmax(min.max) Sets a size range between min and max that is greater than or equal to min.
length Sets the column size by using a legal length value. Learn more about length units.
% Sets the column size using a percentage value.

Supported Browsers

Property Chrome Firefox Safari Edge / IE Opera
grid-auto-columns 57.0 52.0 10.0 16.0 44.0