Yellow Double Helix

Cards

A responsive grid of picture-and-text cards for highlights and staff picks.

How the cards block behaves

Every block on this page uses the same stylesheet as the AEM Edge Delivery Services boilerplate, so spacing, type scale and colors match one-to-one. The page is plain HTML and can be opened straight from disk.

Cards in two columns

  • Same 1200px content width
  • Stacks below 900px
  • Images fill their column

Back home

green double Helix
Yellow Double Helix

Text and imagery swap order in the second row, exactly like the boilerplate columns block.

Next: Buttons

Boilerplate Highlights?

Find some of our favorite staff picks below:

A fast-moving Tunnel

Unmatched speed

AEM is the fastest way to publish, create, and serve websites

An iceberg

Content at scale

AEM allows you to publish more content in shorter time with smaller teams

Doors with light in the dark

Uncertainty eliminated

Preview content at 100% fidelity, get predictable content velocity, and shorten project durations