Blog 7 block design & features
Blog7 is a centered three-card blog section built with shadcn/ui Card. The heading and intro are center aligned above the grid. Each card opens with a full-width 16:9 cover that runs to the card edges, followed by a linked title, an author and date line, a two-line summary, and a footer read-more link with an arrow.
Cards sit on the card surface with a faint outline ring and a very light shadow, with rounded corners clipping the cover. Inside, the author name is medium weight in full color, the date is muted, and a pale dot separates them. The read-more link is medium weight with a muted arrow that darkens on hover while the text underlines. Covers dim slightly and titles underline on hover, each separately. All post links open in a new tab. No entrance animation.
Balanced and conventional, the closest thing in this subgroup to a stock shadcn card demo. The explicit read-more footer and edge-to-edge covers are what distinguish it from the borderless grids. Moderate content: a cover, author, date, summary, and link label per post.
Each card divides into rows for the image, header, body, and footer, so footers align across a row even when titles wrap differently. The grid goes from one column to two at medium widths and three on large screens.