Alternating Rows
A work layout of full-width two-column rows that flip image and detail sides on each project, with a constraint-led description, a ruled deliverables list, and a case study link per row.
A work layout of full-width two-column rows that flip image and detail sides on each project, with a constraint-led description, a ruled deliverables list, and a case study link per row.
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
Alternating Rows presents three projects, Ledger, Tend, and Field Notes, as full-width two-column rows that flip sides on each iteration: the Placeholder tile sits left on even rows and right on odd rows, creating a zigzag scroll rhythm. Each detail column includes a paragraph describing the real constraint, a ruled deliverables list, and a Read case study link. Ledger, for instance, led with cutting reconciliation time from a half-day to under an hour.
Projects are one typed array with a description and a deliverables sub-array per item. The constraint sentence inside each paragraph is the distinctive detail.
Reach for this block as the work section of a homepage or the index of a project archive when each project warrants a sentence of context, not just a thumbnail. The installer swaps the project names, descriptions, deliverables, and Placeholder tiles.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the narrative project showcase. Other alternating-row uses:
Tip: open each description with the constraint or the brief, not the outcome; the outcome lives in the case study the link leads to.