Feature 166 - Centered intro over four-panel feature matrix

Free

Centered title and muted intro precede a bordered two-by-two matrix of four prop-driven features, each with heading, description, and image in alternating three-fifths and two-fifths column widths.

Shadcn Feature 166 block

Component Data

  • ID:feature166
  • Access:free
  • Created:Nov 15, 2024
  • Type:block

Feature 166 block design & features

Feature166 is a prop-heavy feature matrix built with shadcn/ui-friendly typography: the section opens with a centered H1 and supporting paragraph in muted foreground color, then a bordered wrapper splits into two horizontal bands. Each band is a pair of feature columns where one side is wider, carrying a title, muted description, and landscape image with aspect ratios that widen further on large screens.

Muted border utilities separate cells so the grid reads like a structured datasheet rather than free-floating cards. Images sit below text in every quadrant, keeping a consistent top-to-bottom rhythm.

The aesthetic is minimal and documentation-like, close to default theme tokens, which makes the alternating width ratio the main visual idea. This is a moderately complex content block because it expects four complete feature objects with titles, blurbs, and art, not just icons.

On medium widths the inner wrapper narrows to half width before expanding to full grid lines on large screens, with borders realigning as rows stack or sit side by side.