Loading…
Dataset 20260827-2142-2f1b575 · measured 2026-08-27 21:42 UTC
grid
✕parsed, no effectcss-grid-2
The parser accepts the name, yet our rendering is byte-identical with and without the declaration while Chrome's is not. The declaration is being swallowed.
What the specification says
- Initial value
- none
- Applies to
- grid containers
- Inherited
- see individual properties
- Percentages
- see individual properties
- Computed value
- see individual properties
- Syntax
- <'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? | [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>
The measurements
Each example is one declaration on a small page, drawn by Chrome and by our engine. Drag the handle to wipe between them.
grid:"X" fit-content(80px)✕parsed, no effect
Our renderChrome76,799 pixels differ from Chrome, the largest by 187 of 255 on one channel.
- Differing pixels
- 76,799
- Max channel delta
- 187
grid:"X" min-content✕parsed, no effectOur renderChrome76,799 pixels differ from Chrome, the largest by 187 of 255 on one channel.
- Differing pixels
- 76,799
- Max channel delta
- 187
grid:"X" max-content✕parsed, no effectOur renderChrome76,799 pixels differ from Chrome, the largest by 187 of 255 on one channel.
- Differing pixels
- 76,799
- Max channel delta
- 187
grid:"X"✕parsed, no effect
Our renderChrome74,640 pixels differ from Chrome, the largest by 187 of 255 on one channel.
- Differing pixels
- 74,640
- Max channel delta
- 187
grid:[a] "X"✕parsed, no effect
Our renderChrome74,640 pixels differ from Chrome, the largest by 187 of 255 on one channel.
- Differing pixels
- 74,640
- Max channel delta
- 187
grid:"X" [a]✕parsed, no effectOur renderChrome74,640 pixels differ from Chrome, the largest by 187 of 255 on one channel.
- Differing pixels
- 74,640
- Max channel delta
- 187
grid:"X" / 2fr✕renders differently
Our renderChrome32,000 pixels differ from Chrome, the largest by 153 of 255 on one channel.
- Differing pixels
- 32,000
- Max channel delta
- 153
grid:80px / none✕renders differently
Our renderChrome23,998 pixels differ from Chrome, the largest by 187 of 255 on one channel.
- Differing pixels
- 23,998
- Max channel delta
- 187
grid:80px / 2fr✕renders differently
Our renderChrome23,998 pixels differ from Chrome, the largest by 187 of 255 on one channel.
- Differing pixels
- 23,998
- Max channel delta
- 187
grid:80px / subgrid✕renders differentlyOur renderChrome23,998 pixels differ from Chrome, the largest by 187 of 255 on one channel.
- Differing pixels
- 23,998
- Max channel delta
- 187
grid:80px / subgrid [a]✕renders differentlyOur renderChrome23,998 pixels differ from Chrome, the largest by 187 of 255 on one channel.
- Differing pixels
- 23,998
- Max channel delta
- 187
grid:"X" 80px✕parsed, no effectOur renderChrome73,600 pixels differ from Chrome, the largest by 187 of 255 on one channel.
- Differing pixels
- 73,600
- Max channel delta
- 187
Which values were measured
“Supported” on one example means “supported at the value we tried”. The property’s declared grammar has 75 branches; 12 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 / 80px | not measured |
| none / 80px | not measured |
| [a] 80px / 80px | not measured |
| minmax(60px, 120px) / 80px | not measured |
| fit-content(80px) / 80px | not measured |
| 2fr / 80px | not measured |
| min-content / 80px | not measured |
| max-content / 80px | not measured |
| 80px [a] / 80px | not measured |
| subgrid / 80px | not measured |
| subgrid [a] / 80px | not measured |
| 80px / none | ✕renders differently |
| 80px / [a] 80px | not measured |
| 80px / minmax(60px, 120px) | not measured |
| 80px / fit-content(80px) | not measured |
| 80px / 2fr | ✕renders differently |
| 80px / min-content | not measured |
| 80px / max-content | not measured |
| 80px / 80px [a] | not measured |
| 80px / subgrid | ✕renders differently |
| 80px / subgrid [a] | ✕renders differently |
| "X" | ✕parsed, no effect |
| [a] "X" | ✕parsed, no effect |
| "X" 80px | ✕parsed, no effect |
| "X" minmax(60px, 120px) | not measured |
| "X" fit-content(80px) | ✕parsed, no effect |
| "X" 2fr | not measured |
| "X" min-content | ✕parsed, no effect |
| "X" max-content | ✕parsed, no effect |
| "X" [a] | ✕parsed, no effect |
| "X" / 80px | not measured |
| "X" / [a] 80px | not measured |
| "X" / minmax(60px, 120px) | not measured |
| "X" / fit-content(80px) | not measured |
| "X" / 2fr | ✕renders differently |
| "X" / min-content | not measured |
| "X" / max-content | not measured |
| "X" / 80px [a] | not measured |
| 80px / auto-flow | not measured |
| none / auto-flow | not measured |
| [a] 80px / auto-flow | not measured |
| minmax(60px, 120px) / auto-flow | not measured |
| fit-content(80px) / auto-flow | not measured |
| 2fr / auto-flow | not measured |
| min-content / auto-flow | not measured |
| max-content / auto-flow | not measured |
| 80px [a] / auto-flow | not measured |
| subgrid / auto-flow | not measured |
| subgrid [a] / auto-flow | not measured |
| 80px / auto-flow dense | not measured |
| 80px / auto-flow 80px | not measured |
| 80px / auto-flow minmax(60px, 120px) | not measured |
| 80px / auto-flow fit-content(80px) | not measured |
| 80px / auto-flow 2fr | not measured |
| 80px / auto-flow min-content | not measured |
| 80px / auto-flow max-content | not measured |
| auto-flow / 80px | not measured |
| auto-flow dense / 80px | not measured |
| auto-flow 80px / 80px | not measured |
| auto-flow minmax(60px, 120px) / 80px | not measured |
| auto-flow fit-content(80px) / 80px | not measured |
| auto-flow 2fr / 80px | not measured |
| auto-flow min-content / 80px | not measured |
| auto-flow max-content / 80px | not measured |
| auto-flow / none | not measured |
| auto-flow / [a] 80px | not measured |
| auto-flow / minmax(60px, 120px) | not measured |
| auto-flow / fit-content(80px) | not measured |
| auto-flow / 2fr | not measured |
| auto-flow / min-content | not measured |
| auto-flow / max-content | not measured |
| auto-flow / 80px [a] | not measured |
| auto-flow / subgrid | not measured |
| auto-flow / subgrid [a] | not measured |
| none | not measured |
Measured against Chrome 148.0.7778.96 on 2026-08-27, with up to 40 candidate values tried per property. All properties · How the measurement works