Three Card Row
Three equal blog post cards each with a Placeholder cover, title, date, and reading time in a responsive three-column grid.
Three equal blog post cards each with a Placeholder cover, title, date, and reading time in a responsive three-column grid.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Three Card Row shows three recent posts as equal cards with a full-width Placeholder cover, title, date, and reading time. The three titles here are concrete writing subjects: the five typography decisions that define a product, how to scope a two-week project so it actually ships, and getting feedback that is useful instead of polite. An all-posts link sits flush right with the heading.
Posts are one array of three objects; the grid is three equal columns on large screens. Equal cards let the titles carry the differentiation without a hierarchy forcing one post above the others.
Reach for this block as a recent writing row on a homepage or at the foot of a work page. The installer swaps the three post objects for their real titles, dates, and read times and updates the card hrefs.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the recent writing trio on a homepage. Other three-card layouts:
Tip: three cards land awkwardly if the titles vary too much in length; keep each title under twelve words so the cards balance visually.