Feature Grid

DESIGN RATIONALE

Built on a CSS Grid with variable aspect ratios. Hover states use a spring-based scale transform rather than opacity to maintain visual mass. The grid adapts from 3 columns on desktop to a single stacked column on mobile, with each cell maintaining its internal padding ratio.

USAGE GUIDELINES

Ideal for product feature pages, capability overviews, or anywhere you need to present multiple value propositions in a scannable format. Each cell can host an icon, headline, and short description.