2 columns (desktop), 1 column (mobile)

This grid targets two columns at larger widths and collapses to one column on mobile.

Teaser image

Teaser 1

Two-column layout for balanced density.

2 colOpen
Teaser image

Teaser 2

Multiple rows appear as soon as you add content.

2 colOpen
Teaser image

Teaser 3

Good for feature lists and short editorial blurbs.

2 colOpen
Teaser image

Teaser 4

Keeps scrolling comfortable and readable.

2 colOpen
Teaser image

Teaser 5

A middle ground between feed and grid.

2 colOpen
Teaser image

Teaser 6

Cards stay aligned with fixed media height.

2 colOpen
Teaser image

Teaser 7

Works well with longer teaser collections.

2 colOpen
Teaser image

Teaser 8

Multiple rows are automatic and intentional.

2 colOpen