Blog 133 block design & features
The block opens with a heading and short description, followed by a row of category filters on a bottom rule. The active filter is marked by an underline that draws in from the left.
Below sits a three-column grid of post cards, each with a cover photo, category and date, title, a two-line summary and the author with read time. Choosing a filter swaps the grid to that category, and the cards fade up into place one after another. A load more button under the grid reveals three more posts with the same staggered fade, and an empty state appears when a category has no posts.
Hovering a card softens its photo and underlines the title. The animations are skipped when reduced motion is preferred. On tablet the grid drops to two columns, and on mobile it stacks into one.