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