Card Grids
Use link cards for next steps, related guides, and grouped destinations that deserve more presence than a plain text link.
Card grids work well when an article should point readers toward a small set of meaningful next actions.
Use in MDX
Wrap one or more Card blocks in a CardGrid:
<CardGrid>
<Card
href="/getting-started/start-here/how-compass-is-organized"
title="How Compass Is Organized"
description="Learn how routes, categories, and article files fit together."
eyebrow="Next step"
/>
<Card
href="/getting-started/start-here/add-your-brand"
title="Add Your Brand"
description="Update the site identity, links, and visual details."
eyebrow="Recommended"
/>
</CardGrid>Implementation notes
The components live in src/components/docs/CardGrid.astro and src/components/docs/Card.astro. The same card styles are also reused by article-end related links in the docs route.