# FeatureGrid

## About

Features as cards, two columns from the `md` width. Each has an icon, a short eyebrow, a title and a sentence. The icon can be a brand logo, see [Brand logos](https://miguelcolmenares.com/docs-sitekit/docs/brand-logos/).

## Accessibility

- Each feature is an `<article>` with an `h3`, so put the grid under a heading of level 2.
- The icon is decorative and `aria-hidden`.
- The eyebrow uses the `brand` token, which reaches AA on the surface of the card in both themes.

## Source

- [`feature-grid.tsx`](../../template/src/presentation/components/site/feature-grid.tsx)