Feature 188 - Bordered resource rows with thumbnails

Pro

A centered section title introduces a rounded bordered stack of linked rows; each row pairs a circular arrow affordance, title and description, and a landscape thumbnail on wide layouts.

Shadcn Feature 188 block

Component Data

  • ID:feature188
  • Access:pro
  • Created:Jan 26, 2025
  • Type:block

Feature 188 block design & features

Feature188 presents a static list of resources using plain links and typography with spacing that matches typical Shadcn UI marketing sections, without form controls. The outer container is a broad rounded rectangle with a single border; each item is separated by a horizontal rule except the final row.

On wide screens each row is a horizontal flex: a small circular tile holds a right-pointing arrow icon, text stacks with a semibold title and larger muted description, and a fixed-width thumbnail sits at the end inside a rounded muted frame. On narrow screens the thumbnail drops under the text block while the row stays one clickable anchor.

The aesthetic is restrained: monochrome surfaces, generous vertical padding on the section, and clear separation between entries. Motion is limited to whatever hover opacity the link applies. This is a simple, content-driven block where the structure does most of the work.

You need three cohesive headlines, short blurbs, image URLs, and href targets. The pattern suits guided next steps rather than dense specification text.