Visual builder + live preview. Common presets — or define your own template.
1fr 1fr 1fr — 3 equal columns200px 1fr — fixed sidebar + flexible contentrepeat(3, 1fr) — same as 1fr 1fr 1frrepeat(auto-fit, minmax(200px, 1fr)) — responsive cards that wrap automaticallyminmax(100px, 1fr) — minimum 100px, otherwise flexibleHeader + sidebar + content + aside + footer — historically painful, trivial with Grid:
grid-template-areas: "header header header" "nav main aside" "footer footer footer";