Card Grid
The Card Grid component is used for creating multiple columns and rows of cards.
See below for more variants.
When to use
The Card Grid should be used when we want to give our audiences many choices of content to continue their journey on our websites.
Card grids are most commonly used on Gateway pages (see section 3.13.2 of Website design guidelines).
How to use
Main considerations when using this component
Card type
- You can add Custom Cards or Entity Cards or Image with Text Link Cards to this component.
Layout options
- You can select 1,2,3,4 or 5 columns to display cards in.
- Note: Card Grids using Image with Text Link Cards will only ever display as 3 columns on desktop devices.
Additional considerations
- Refer to card types for more specific information.
Variants
Card grid with custom cards
Examples
See this component in use:
Homepage (Card Grid with Custom Cards)
Brands page (Card Grid with Image with Text Link Cards)
