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: mdx <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. ## Preview