Blog 5 block design & features
Blog5 mirrors the structure of a compact shadcn/ui blog grid but feeds a longer array so the section can showcase many entries at once. The top of the block repeats a large “Blog” heading with the same subtitle line, then the posts map into a responsive two- or three-column grid of linked cards.
Each card keeps rounded imagery with hover opacity, a secondary label badge, clamped title and summary text, and a fixed-size avatar next to author and publish metadata. Spacing scales with breakpoints to keep rhythm consistent as columns grow.
Visually it reads as a dense archive teaser rather than a short highlight strip, though the chrome matches other grid variants in the group.
Expect to swap the repeated avatar source when wiring real authors.
A full-width “View all posts” button remains for small screens only, matching the sibling grid pattern.