Listing

Listing#

Mobile Tablet Desktop Full

Expand Listing example to its full height Open Listing example (opens in new tab)

Listing - 2 columns#

2-column grid

Mobile Tablet Desktop Full

Expand Listing - 2 columns example to its full height Open Listing - 2 columns example (opens in new tab)

Listing - 4 columns#

4-column grid with icons, no images

Mobile Tablet Desktop Full

Expand Listing - 4 columns example to its full height Open Listing - 4 columns example (opens in new tab)

Listing staggered#

Each card steps down across a row

Mobile Tablet Desktop Full

Expand Listing staggered example to its full height Open Listing staggered example (opens in new tab)

Listing - carousel#

Carousel layout

Mobile Tablet Desktop Full

Expand Listing - carousel example to its full height Open Listing - carousel example (opens in new tab)

Listing on a background#

On each background: light grey, pale blue, cream, primary, and secondary full bleed

Mobile Tablet Desktop Full

Expand - Listing on a background example to its full height Open - Listing on a background example (opens in new tab)