Loading…
Dataset 20260827-2142-2f1b575 · measured 2026-08-27 21:42 UTC
grid-gap
✕renders differentlycss-gaps-1
The property takes effect, but our pixels are not Chrome's. The difference map on this page shows where.
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-gap:50%✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-gap:20px 50%✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-gap:20px✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-gap:20px 20px✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-gap:20px normal✕renders differently
Our renderChrome1,598 pixels differ from Chrome, the largest by 187 of 255 on one channel.
- Differing pixels
- 1,598
- Max channel delta
- 187
grid-gap:40%✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-gap:20px 40%✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-gap:20px 4px✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-gap:calc(40% + 20px)✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-gap:20px calc(40% + 20px)✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-gap:20px calc(20px + 4px)✓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 14 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 |
|---|---|
| 20px | ✓pixel-exact |
| 50% | ✓pixel-exact |
| hairline | not measured |
| thin | not measured |
| medium | not measured |
| thick | not measured |
| 20px normal | ✕renders differently |
| 20px 20px | ✓pixel-exact |
| 20px 50% | ✓pixel-exact |
| 20px hairline | not measured |
| 20px thin | not measured |
| 20px medium | not measured |
| 20px thick | not measured |
| normal | 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