Blog 121 block design & features
The block opens with a heading, a short description and a view-all link aligned to the right. Below it, a two-column grid places a large featured post on the left and a list of four compact posts on the right.
The featured post carries a 4:3 cover image, a meta line with category, date and read time, a large title, a summary paragraph and an Avatar with the author's name and role. Each list item pairs a thumbnail, square on smaller screens and 4:3 on large ones, with the same meta line and a title, separated by thin dividers.
Hover states stay quiet: titles underline and images ease in opacity, with no zoom or movement. The consistent meta typography keeps the hierarchy clear between the lead story and the supporting posts.
Below large screens the featured post stacks above the list. On mobile the thumbnails shrink and the list items drop the read time from their meta line, so titles keep a comfortable line length.