Search blocks by description or jump to a page.
A responsive grid of blog cards with cover image, title, and excerpt. The standard layout for browsing many articles on a writing index page.
Grid Blog Cards opens with a section heading and a short description line, then fills the remaining width with a responsive grid of article cards. Each card stacks a cover image (16:9 ratio, with a gentle zoom on hover), a meta row showing the publish date and category, a two-line clamped title, a three-line clamped excerpt, and a ghost "Read more" button at the bottom. The grid shifts from one column on mobile to two on tablet and three on desktop by default.
Every part is independent. You can swap in your own posts, change the section heading and description, add or remove cards freely, and adjust the column count between two, three, or four columns without touching anything else. The cover image, category label, and excerpt are all optional if a particular post does not need them.
Reach for this block when you want a browsable index of articles and need each entry to carry enough context for a reader to decide whether to click. For a project management workspace it works well as a "Product Updates" or "How We Work" writing index, where team members scan posts by category before diving in. It handles a larger catalog better than the Featured Article List, which trades grid density for a single spotlight post.
A natural flow around it on a Portfolio page:
Before
After
The grid suits any collection of dated, categorized writing. A few ways to fill it:
Tip: keep excerpts to one or two sentences so the three-line clamp never truncates mid-thought and every card reads cleanly at the same height.