Log in Try the demo

Loading…

Dataset 20261011-0550-f160c57 · measured 2026-10-11 05:50 UTC

grid-auto-columns

✓pixel-exact5 of 5 examples match Chromecss-grid-2

Our rendering of the example is identical to Chrome's, pixel for pixel — no further apart than the example's own noise floor.

What the specification says

Initial value: auto
Applies to: grid containers
Inherited: no
Percentages: see Track Sizing
Computed value: see Track Sizing
Syntax: <track-size>+

css-grid-2 definition

The measurements

5 examples, 5 of them matching Chrome. Each is one declaration on a small page, drawn by Chrome and by our engine. Drag the handle to wipe between them.

grid-auto-columns:fit-content(80px)✓pixel-exact

Chrome of this test — Left of the line is our rendering; right of it is the chrome. Drag, or focus the slider and use the arrow keys.

Our render of this test — Left of the line is our rendering; right of it is the chrome. Drag, or focus the slider and use the arrow keys.

Identical to Chrome: nothing differs, so there is no difference map to show.

Differing pixels: 0
Max channel delta: 0

the example page

grid-auto-columns:min-content✓pixel-exact

Chrome of this test — Left of the line is our rendering; right of it is the chrome. Drag, or focus the slider and use the arrow keys.

Our render of this test — Left of the line is our rendering; right of it is the chrome. Drag, or focus the slider and use the arrow keys.

Identical to Chrome: nothing differs, so there is no difference map to show.

Differing pixels: 0
Max channel delta: 0

the example page

grid-auto-columns:max-content✓pixel-exact

Chrome of this test — Left of the line is our rendering; right of it is the chrome. Drag, or focus the slider and use the arrow keys.

Our render of this test — Left of the line is our rendering; right of it is the chrome. Drag, or focus the slider and use the arrow keys.

Identical to Chrome: nothing differs, so there is no difference map to show.

Differing pixels: 0
Max channel delta: 0

the example page

grid-auto-columns:80px✓pixel-exact

Chrome of this test — Left of the line is our rendering; right of it is the chrome. Drag, or focus the slider and use the arrow keys.

Our render of this test — Left of the line is our rendering; right of it is the chrome. Drag, or focus the slider and use the arrow keys.

Identical to Chrome: nothing differs, so there is no difference map to show.

Differing pixels: 0
Max channel delta: 0

the example page

grid-auto-columns:minmax(60px, 120px)✓pixel-exact

Chrome of this test — Left of the line is our rendering; right of it is the chrome. Drag, or focus the slider and use the arrow keys.

Our render of this test — Left of the line is our rendering; right of it is the chrome. Drag, or focus the slider and use the arrow keys.

Identical to Chrome: nothing differs, so there is no difference map to show.

Differing pixels: 0
Max channel delta: 0

the example page

Which values were measured

“Supported” on one example means “supported at the value we tried”. The property’s declared grammar has 6 branches; 5 of them carry a measurement. The publishing ceiling is 12 examples per property — a branch past it is left out by our choice, not by accident.

Value	Measured
80px	✓pixel-exact
minmax(60px, 120px)	✓pixel-exact
fit-content(80px)	✓pixel-exact
2fr	not measured
min-content	✓pixel-exact
max-content	✓pixel-exact

Measured against Chrome 148.0.7778.96 on 2026-10-11, with up to 40 candidate values tried per property. All properties · How the measurement works