Blog 3 block design & features
Blog3 is a three-post blog grid built with shadcn/ui Badge, opening with a left-aligned heading and a short intro paragraph. Each post stacks a 3:2 cover image, a filled secondary badge for the category, a linked title, a two-line summary, and a two-line byline with the author name above the publish date.
The cards have no border or fill, so posts are separated only by whitespace and the rounded corners of each cover. The intro paragraph sits at a larger size in muted gray, while card titles are semibold and summaries step down to small muted text. In the byline the author name is medium weight in full color and the date is muted with even-width numerals. On hover the cover dims slightly and the title underlines, independently. No entrance animation.
This is the plainest badge-led layout in the group and a safe, timeless editorial pattern. The badge above the title and the stacked byline below the summary carry all of the meta. Low complexity: it needs a cover photo, category, summary, author, and date for each of the three posts.
One column on mobile, two at medium widths, and three on large screens, which leaves the third post alone on its own row at the middle breakpoint.