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.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
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.