3 columns (desktop), 2 columns (mid), 1 column (mobile)

This grid targets three columns at larger widths and steps down as the viewport narrows.

Teaser image

Teaser 1

Three columns gives a clean magazine density.

3 colOpen
Teaser image

Teaser 2

Cards remain aligned over many rows.

3 colOpen
Teaser image

Teaser 3

A solid default for content collections.

3 colOpen
Teaser image

Teaser 4

Multiple rows show spacing stability.

3 colOpen
Teaser image

Teaser 5

Muted borders separate cards on black.

3 colOpen
Teaser image

Teaser 6

Consistent padding keeps rhythm.

3 colOpen
Teaser image

Teaser 7

Hover states remain subtle.

3 colOpen
Teaser image

Teaser 8

The grid keeps multiple rows by default.

3 colOpen
Teaser image

Teaser 9

A durable layout for long pages.

3 colOpen
Teaser image

Teaser 10

Use variants to test your breakpoints.

3 colNext
Teaser image

Teaser 11

Keep copy short for neat cards.

3 colOpen
Teaser image

Teaser 12

Object-fit keeps media consistent.

3 colOpen