Card Grid

Display content in a responsive card layout

What it solves

A Card Grid pattern helps teams create a reliable way to show many items in a visual browseable grid without losing the metadata needed for quick evaluation. It is most useful when teams need content libraries and resources. Compared with adjacent patterns, this pattern should reduce friction without hiding the state, rules, or recovery paths people need to keep moving.

When to use

• Content libraries and resources
• Catalog browsing
• Dashboard modules or boards

When to avoid