Content card

Add one or multiple equal cards arranged in rows and columns. Flexible enough for many use cases, such as highlighting important content, linking to resources, or showcasing products and services. Cards can include an icon, image, label, text, and button. Also available as a content type in the Listing module.

Live Preview
Use caseFlexible cards for content, links, or showcases.
Page speed impactLow when not above the fold, unless heavy resources are added. May be Medium, especially above the fold on mobile, if images are not properly sized, optimized, or if the slider is enabled. Use TinyPNG or SVGs to keep images lightweight.
Available in pagesYes
Reserved block classcontent-card
Relevant filescss/components/content-card.css
js/components/content-card.js

Quick demo


Good to know