Blog 32 - Two-column blog card grid

Pro

A blog listing with a section heading and responsive two-column grid of linked posts with images, category labels, and publish dates.

Shadcn Blog 32 block

Component Data

  • ID:blog32
  • Access:pro
  • Created:Jun 11, 2026
  • Type:block

Blog 32 block design & features

Blog32 opens with a left-aligned section heading and supporting copy, then presents a responsive two-column grid of linked posts built from shadcn/ui Card and Badge primitives. Each card carries a wide image panel, outline category badge, publish date, title, and a clamped summary excerpt.

Visually, the block favors editorial clarity over decorative chrome. Cards sit on simple borders with transparent shells, image hover scale on each entry, and muted secondary text under stronger headlines. Spacing between the intro and grid stays generous while inner card padding remains consistent for scanability.

The overall feel is balanced and archive-like, with equal weight given to every post in the grid. Complexity is moderate and content-driven, relying on four or more entries with distinct imagery and labels.

On smaller viewports the grid collapses to a single column while preserving the same content order.