Blog 4 block design & features
Blog4 is a card grid for posts built with Shadcn UI avatars, badges, and a mobile-only primary button. The header uses a large “Blog” title with a short muted subtitle, then a responsive grid runs from one column up to three on very wide screens. Each cell is a full-card link with rounded cover art, a secondary topic badge, clamped title and summary, and a small avatar beside author name and date.
Imagery sits in a fixed aspect frame with a quick opacity dip on hover. Typography is calm and editorial, with summaries in muted foreground and titles stepped up across breakpoints.
This is a familiar marketing blog module; the shared avatar image across posts is simple placeholder behavior you would replace per author in production.
A “View all posts” button appears centered under the grid but only below the medium breakpoint, so desktop layouts stay text-first in the header area only.