Blog 47 block design & features
Blog47 is a three-column blog listing built with shadcn/ui spacing and card surfaces. A compact uppercase label and heading sit on the left with an all-posts link on the right, then a responsive grid of linked cards. Each card includes a wide cover image, category line, title, clamped excerpt, date, and read time.
Cards use bordered rounded shells on a standard background with a light shadow on hover. Titles shift toward the primary color on hover while supporting copy stays muted and compact. Spacing between the header and grid is generous; inner card padding stays even so the three columns scan as a set.
The pattern is a straightforward editorial grid close to a shadcn-default card listing. Complexity is moderate and content-driven: three posts with distinct photography, categories, and excerpts make the layout feel complete.
On smaller screens the grid stacks to a single column and the header link drops under the heading.