Card grid

Display multiple cards in a grid layout, each containing related content or actions.

When to use

Use this pattern when:

• Presenting multiple related items in a scannable format
• Creating a dashboard or landing page with navigable sections
• Users need to choose between several options or services
• Content can be grouped into discrete, equally-weighted items

Considerations

• Use consistent card heights where possible for visual alignment
• Link titles should clearly describe where the user will navigate
• Keep descriptions concise to maintain scannability
• Use the grid’s minChildWidth to ensure cards wrap appropriately on smaller screens