Browse CSS

Layout utilities

Compose containers, stacks, wrapping rows and responsive grids.

Usage

Class	Use
`container`	Center content with responsive page gutters.
`stack`	Arrange content vertically with a shared gap.
`cluster`	Arrange a row that wraps naturally when space runs out.
`grid`	Create responsive columns, each at least 240px wide when space permits.

Research

Design

Build

<div class="grid gap-lg items-start">
  <article class="panel stack gap-sm">…</article>
  <article class="panel stack gap-sm">…</article>
</div>