Loading…
Dataset 20261011-0550-f160c57 · measured 2026-10-11 05:50 UTC
grid-template
✓pixel-exact12 of 12 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
- none
- Applies to
- grid containers
- Inherited
- see individual properties
- Percentages
- see individual properties
- Computed value
- see individual properties
- Syntax
- none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?
The measurements
12 examples, 12 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-template:"X"✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-template:[a] "X"✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-template:"X" minmax(60px, 120px)✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-template:"X" 2fr✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-template:"X" [a]✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-template:"X" / 2fr✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-template:80px / none✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-template:80px / 2fr✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-template:80px / subgrid✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-template:80px / subgrid [a]✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-template:"X" 80px✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-template:none✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
Which values were measured
“Supported” on one example means “supported at the value we tried”. The property’s declared grammar has 39 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 | ✓pixel-exact |
| 80px / [a] 80px | not measured |
| 80px / minmax(60px, 120px) | not measured |
| 80px / fit-content(80px) | not measured |
| 80px / 2fr | ✓pixel-exact |
| 80px / min-content | not measured |
| 80px / max-content | not measured |
| 80px / 80px [a] | not measured |
| 80px / subgrid | ✓pixel-exact |
| 80px / subgrid [a] | ✓pixel-exact |
| "X" | ✓pixel-exact |
| [a] "X" | ✓pixel-exact |
| "X" 80px | ✓pixel-exact |
| "X" minmax(60px, 120px) | ✓pixel-exact |
| "X" fit-content(80px) | not measured |
| "X" 2fr | ✓pixel-exact |
| "X" min-content | not measured |
| "X" max-content | not measured |
| "X" [a] | ✓pixel-exact |
| "X" / 80px | not measured |
| "X" / [a] 80px | not measured |
| "X" / minmax(60px, 120px) | not measured |
| "X" / fit-content(80px) | not measured |
| "X" / 2fr | ✓pixel-exact |
| "X" / min-content | not measured |
| "X" / max-content | not measured |
| "X" / 80px [a] | not measured |
| none | ✓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