Skip to content

Content Card

The content card block pairs a portrait image with a title, body text, and an optional link. On mobile the cards scroll horizontally at a fixed width; on desktop they sit side by side in the section’s grid. The layout flips from vertical (mobile) to horizontal (desktop), with the image on the left and text on the right. A small arrow link at the bottom invites the visitor to read more.

Setting What it does
Image Portrait image displayed at a 3:4 aspect ratio.
Title Card heading rendered as an h3.
Body Richtext body content shown below the title.
Link label Text for the arrow link at the bottom of the card.
Link URL Destination for the arrow link. Both label and URL must be set for the link to appear.
  • Both the link label and the link URL are required for the link to render. If either is blank, no link appears.
  • Images are cropped to a 3:4 portrait ratio, so frame important content toward the center of the image.
  • Keep body text short – one or two sentences works best given the card’s compact layout.