Skip to content

Feature Grid

The <FeatureGrid> component is a responsive wrapper for grouping <Card> or <LinkCard> components into a tidy grid. It collapses to fewer columns on narrow viewports automatically.

PropTypeDefaultDescription
columns2 | 3 | 42Number of columns on wide viewports.
minWidthstring16remMinimum width before cards reflow.
gapstring1.5remSpacing between cards.

Fast by default

Static output, zero runtime JavaScript required for the layout.

Themed cards

Inherits the terminal color palette and monospace typography.

Install

Add the theme as a Starlight plugin in astro.config.mjs.

Configure

Override tokens, swap fonts, or tweak the sidebar.

Deploy

Ship to GitHub Pages, Netlify, Vercel, or anywhere else static.

Blog

Release notes and announcements in one place.

API

Reference material generated from source.

Guides

Step-by-step walkthroughs for common tasks.

Docs

Docs with full Markdown support.

Tight

Reduced gap for a denser layout.

Compact

Lower minWidth lets more columns fit on mid-width screens.

Flexible

Both props accept any valid CSS length.