WPT
wpt / css / css-grid / grid-definition / grid-support-repeat-002.html
Spec: CSS Grid Layout ↗
Runs: Chrome 154.0.8037.0 (wpt@98a70a0c5) | Firefox 157.0a1 (wpt@df77989ab) | Safari 251 preview (wpt@5ce815a83) | Ladybird 1.0-28104 (wpt@b1a7025f8) | Servo Servo 0.5 (wpt@2ccd2cbf8) | Blitz dc9e62f29 (wpt@a95401e4e)
View on the Blitz WPT dashboard | Open test on wpt.live | wpt.fyi
| Chrome | Firefox | Safari | Ladybird | Servo | Blitz | |
|---|---|---|---|---|---|---|
| Total | 20/20 | 20/20 | 20/20 | 20/20 | 20/20 | 20/20 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| grid-template-columns: repeat(1, auto); and grid-template-rows: repeat(1, auto); | PASS | PASS | PASS | PASS | PASS | PASS |
| grid-template-columns: repeat(2, auto); and grid-template-rows: repeat(2, auto); | PASS | PASS | PASS | PASS | PASS | PASS |
| grid-template-columns: repeat(2, minmax(50px, calc(50% + 50px))); and grid-template-rows: repeat(2, minmax(50px, calc(50% + 50px))); | PASS | PASS | PASS | PASS | PASS | PASS |
| grid-template-columns: repeat(5, 10%); and grid-template-rows: repeat(5, 10%); | PASS | PASS | PASS | PASS | PASS | PASS |
| grid-template-columns: max-content repeat(2, 25%) 1fr; and grid-template-rows: max-content repeat(2, 25%) 1fr; | PASS | PASS | PASS | PASS | PASS | PASS |
| grid-template-columns: repeat(2, min-content 50px); and grid-template-rows: repeat(2, min-content 50px); | PASS | PASS | PASS | PASS | PASS | PASS |
| grid-template-columns: repeat(2, [a] minmax(50px, 100px) [b] 25em [c]); and grid-template-rows: repeat(2, [a] minmax(50px, 100px) [b] 25em [c]); | PASS | PASS | PASS | PASS | PASS | PASS |
| grid-template-columns: [a] repeat(2, auto [b] 100px) [c]; and grid-template-rows: [a] repeat(2, auto [b] 100px) [c]; | PASS | PASS | PASS | PASS | PASS | PASS |
| grid-template-columns: [a] auto repeat(2, [b] 100px) [c]; and grid-template-rows: [a] auto repeat(2, [b] 100px) [c]; | PASS | PASS | PASS | PASS | PASS | PASS |
| grid-template-columns: [a] repeat(2, auto [b]) 100px [c]; and grid-template-rows: [a] repeat(2, auto [b]) 100px [c]; | PASS | PASS | PASS | PASS | PASS | PASS |
| grid-template-columns: [a] repeat(2, [b] 100px); and grid-template-rows: [a] repeat(2, [b] 100px); | PASS | PASS | PASS | PASS | PASS | PASS |
| grid-template-columns: [a] repeat(2, [b] auto [c]) [d]; and grid-template-rows: [a] repeat(2, [b] auto [c]) [d]; | PASS | PASS | PASS | PASS | PASS | PASS |
| grid-template-columns: [a] min-content repeat(2, [b] 1fr [c] calc(10% + 20px)) [d] minmax(30em, 50em) [e]; and grid-template-rows: [a] min-content repeat(2, [b] 1fr [c] calc(10% + 20px)) [d] minmax(30em, 50em) [e]; | PASS | PASS | PASS | PASS | PASS | PASS |
| grid-template-columns: repeat(-1, auto); and grid-template-rows: repeat(-1, auto); | PASS | PASS | PASS | PASS | PASS | PASS |
| grid-template-columns: repeat(auto, 2); and grid-template-rows: repeat(auto, 2); | PASS | PASS | PASS | PASS | PASS | PASS |
| grid-template-columns: repeat 2, auto; and grid-template-rows: repeat 2, auto; | PASS | PASS | PASS | PASS | PASS | PASS |
| grid-template-columns: repeat(2 auto); and grid-template-rows: repeat(2 auto); | PASS | PASS | PASS | PASS | PASS | PASS |
| grid-template-columns: 100px (repeat 2, auto); and grid-template-rows: 100px (repeat 2, auto); | PASS | PASS | PASS | PASS | PASS | PASS |
| grid-template-columns: repeat(2, 50px repeat(2, 100px)); and grid-template-rows: repeat(2, 50px repeat(2, 100px)); | PASS | PASS | PASS | PASS | PASS | PASS |
| grid-template-columns: 100px repeat(2, [a]); and grid-template-rows: 100px repeat(2, [a]); | PASS | PASS | PASS | PASS | PASS | PASS |