Three equal columns (repeat(3, 1fr))
1
2
3
4
5
6
Two-column layout (240px + 1fr)
Sidebar (fixed 240px)
Main content (takes remaining space)
Responsive card grid (auto-fit + minmax)
Resize the browser window to see the column count adjust automatically.
Card 1
Card 2
Card 3
Card 4
Card 5
Card 6
grid-column: span 2
Item spanning 2 columns
Regular item
Regular item
Regular item