CardListBlock


The CardListBlock renders 2–4 image-led cards side by side. Two examples: a business area overview and a featured products showcase.

About this block

The CardListBlock renders a horizontal grid of 2–4 CardBlock items, each with an image, heading, lead text and link. It is one of the most versatile blocks in the library — used for product showcases, related content navigation, team member highlights and solution overviews.

Tips

  • Use 3 cards as the default — it fills the grid neatly on desktop and stacks cleanly on mobile
  • Keep all card headings and lead texts at a similar length for visual consistency
  • Always set an image on each CardBlock — a card without an image creates an awkward blank space

Our Three Business Areas

Featured TOMRA Products