The Cards grid block allows you to present text and images in a structured grid format. It is ideal for content-rich layouts such as team profiles, product highlights, or service overviews.
With extensive layout and styling controls, you can adjust the block to match your brand’s visual standards.
What is the Cards grid block?
The Cards grid block lets you:
Display content in a grid layout
Combine images and text within structured cards
Add URLs for card navigation
Adjust layout, ratios, alignment, and styling
It is designed to provide flexibility while maintaining visual consistency across cards.
Key benefits
Flexible grid-based layout
Precise control over image and card ratios
Structured alignment controls
Customizable image behavior (None / Fit / Fill)
Clear separation of layout and style settings
Text-on-image capability
Layout settings
Cards
Ratio: Controls the overall card ratio.
For 2-column layouts, you can select:
2:1
1:1
Images
Ratio: Controls the image ratio within the card.
Auto sizing (None / Fit / Fill)
None: Keeps the image at its original resolution
Fit: Scales the image to fit inside the wrapper
Fill: Crops the image to fill the available space
Alignment: Controls the combined horizontal and vertical alignment of the image within its wrapper.
Text field
Max width: Controls the maximum width of the text container.
Alignment: Controls both the horizontal and vertical alignment of the text container and the text inside it.
Style settings
Image corner radius
Controls the rounding of image corners.
This setting is located in the Style section.
Use cases
Team member overviews
Product or feature highlights
Service presentations
Linked resource collections
Content galleries with structured layout