CSS Grid
A real grid track-sizing and placement engine — no browser engine involved.
Fixed + flexible tracks — grid-template-columns: 120pt 1fr 1fr
Spanning — grid-column: span 2 / grid-row: span 2
span 2 columns
span 2 rows
c
d
e
f
Dense auto-placement — a 1-wide item backfills the hole before the wide item
grid-column: 2 / 4
backfills col 1
next
next
Responsive cards — repeat(auto-fill, minmax(150pt, 1fr))
card 1
card 2
card 3
card 4
card 5
card 6