Description of the Feature 220 B block design & features
Feature220b opens with three large percentage-style metrics spaced across the top, then shifts to a two-column row built with Shadcn UI controls. One column holds an autoplaying video inside an aspect-ratio frame with rounded corners. The opposite column stacks a headline, muted supporting paragraph, and a large primary button with an arrow. On large viewports the text column aligns with the video; ordering swaps on smaller breakpoints so copy can lead.
The section shares the muted base and fine dot-grid background with sibling variants. Numerals scale up slightly on wider screens while labels stay compact in muted foreground color. Shadows stay light; separation comes from whitespace and rounded media treatment rather than heavy cards.
Compared with the centered variant, this version emphasizes side-by-side media and prose rather than one vertical stack. Uniqueness is moderate: headline stats plus asymmetric media is common, though the patterned field keeps it from looking blank. Expect real headline text, metric labels, paragraph copy, button label, and a representative video clip.
Responsive behavior brings the metric row into a wrapping flex layout and collapses the grid so the stacked order reads naturally on phones.