Layout4 min read•Audience: Designers, Developers
Rows & Stacking Flow
Manage multiple rows of content within sections and understand how elements flow vertically.
Key Takeaways
- Each section represents a distinct row in the email layout.
- Drop multiple blocks vertically within a column to create a multi-row content flow.
- Reorder rows by dragging their grab handles directly on the canvas.
- Use section dividers to create clean visual demarcations between rows.
Working with Rows in PostBrix#
In PostBrix, every Section operates as an independent horizontal row.
To add a new row to your email:
- Drag a new Section from the Left Panel and drop it above or below an existing Section.
- An interactive blue drop indicator line shows where the row will land.
- Alternatively, hover over an existing Section and click the Duplicate icon in the floating toolbar to quickly clone a row with all its nested styles intact.
Vertical Content Flow#
Inside a single Column, blocks stack from top to bottom in document order:
- A Heading followed by a Text paragraph and a Button will naturally stack with consistent vertical alignment.
- To adjust the spacing between stacked elements, use the element's individual padding controls or insert a Spacer block.
Frequently Asked Questions
Can I reorder rows after adding them?
Yes. Hover over the section on the canvas and use the drag handle on the left edge to reorder it vertically in real time.
How many blocks can I add inside a single row column?
There is no hard limit. You can stack as many text blocks, buttons, and images as needed inside any column.