Services 3 - Minimal service rows with three-column grid

Pro

Four service rows in a narrow container, each displaying an icon and title on the left and a list of sub-services on the right, separated by bottom borders.

Shadcn Services 3 block

Component Data

  • ID:services3
  • Access:pro
  • Created:Jul 1, 2025
  • Type:block

Services 3 block design & features

A constrained-width container holds a left-aligned heading and subtitle, followed by four service rows. Each row uses a three-column grid with an icon and title paired in the first column, an empty spacer in the middle, and a stacked list of sub-service labels in the third column. A bottom border separates each row. No Shadcn UI primitives are imported beyond utility classes.

The design is pared back and typographic. Icons are small at 20px, titles use a medium-weight base size, and sub-service labels appear in a smaller muted-foreground color. Vertical spacing between rows is generous, and the empty center column introduces breathing room between the title and list areas.

The result is a clean, list-oriented layout with minimal decoration. There are no cards, backgrounds, or hover states, making the section feel like a simple reference index rather than a promotional display.

The three-column grid holds across all breakpoints, keeping the icon-title pair and sub-service list side by side throughout.