| cols: 'auto' | rows: 'auto' | definite-sized container | definite-sized items |
| |
| cols: 'minmax(20px, auto)' | rows: 'minmax(40px, auto)' | definite-sized container | definite-sized items |
| |
| cols: 'min-content' | rows: 'min-content' | definite-sized container | definite-sized items |
| |
| cols: 'max-content' | rows: 'max-content' | definite-sized container | definite-sized items |
| |
| cols: 'minmax(20px, max-content)' | rows: 'minmax(20px, max-content)' | definite-sized container | definite-sized items |
| |
| cols: 'minmax(20px, min-content)' | rows: 'minmax(20px, min-content)' | definite-sized container | definite-sized items |
| |
| cols: 'minmax(auto, max-content)' | rows: 'minmax(auto, max-content)' | definite-sized container | definite-sized items |
| |
| cols: 'fit-content(40px)' | rows: 'fit-content(20px)' | definite-sized container | content-sized items |
| |
| X XX XX X |
| X XX XX X |
| X XX XX X |
| X XX XX X |
| |
| PASS .grid 1 |
| PASS .grid 2 |
| PASS .grid 3 |
| PASS .grid 4 |
| PASS .grid 5 |
| PASS .grid 6 |
| PASS .grid 7 |
| PASS .grid 8 |
| |
