Feature 62 - Three alternating image-and-text rows

Pro

A vertical stack of three feature rows, each a two-column split on large screens with four-by-three bordered images and headline plus muted copy, alternating which side carries the image.
Shadcn Feature 62 block

Component Data

  • ID:feature62
  • Access:pro
  • Created:Aug 5, 2024
  • Type:block

Feature 62 block design & features

Feature62 is a stacked feature section built with shadcn/ui layout utilities. Three bands repeat the same building blocks: a four-by-three image inside rounded, bordered frame, and a text column with medium-large heading plus muted paragraph. Large screens alternate direction so the first row shows image then text, the second reverses, and the third matches the first, creating horizontal rhythm down the page.

Each row adds extra horizontal padding on the text side at very wide breakpoints so copy does not hug the gutter. Colors stay neutral with muted foreground supporting the headline; no cards or badges appear.

The block is moderate in scope but long vertically: best when you truly have three distinct points and matching imagery. Alternating hero slices down the page breaks up a long split layout without introducing new components.

Smaller screens collapse each band to a column with spacing tokens between rows, keeping the same image aspect and type scale while removing side-by-side layout.