Blog 120 block design & features
Blog120 is a centered six-card blog section built with shadcn/ui Card. It is blog7 with two full rows instead of one, for a blog index that needs more than three recent posts on the page. 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. 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.
Each card divides into rows for the image, header, body, and footer, so footers align across a row even when titles wrap differently. Six posts fill full rows at every width: three rows of two at medium widths and two rows of three on large screens, stacking into one column on phones.