18. Responsive Layout Grid — Structure Types

Distinct grid types: equal columns, asymmetric split, fluid auto-fit.

#18

1 · Equal Columns 2 · 3 · 4 col

Col

2 · Asymmetric Split 2/3 + 1/3

Main (2/3)

Sidebar (1/3)

3 · Fluid Auto-Fit minmax(260px, 1fr)

Card