Grids

Always 1fr 1fr — never asymmetric, never three columns.

Two equal columns — the only column system. Always 1fr 1fr.

Column 1 — 1fr

Column 2 — 1fr

Stacked layout for narrow viewports. Set explicit grid-template-columns: 1fr.

Column 1 — 1fr

Usage

<div className="grid-2col">
  <div>Column 1</div>
  <div>Column 2</div>
</div>