Align blocks next to one another with the Section and Columns blocks.
- Use the Columns block to align items next to one another.
- Use alignment and Section blocks to center blocks within your content entry.
This tutorial results in a full-width Section with two blocks aligned next to one another, using the Columns block. The video below demonstrates the full process of completing this task.
To create a full-width Section:
- Add a Section block to the content entry
- Place both of your existing elements within it
- Go to the Style tab
- In the Layout panel, change the Width to Full page width
Then, place your two elements within the section.
To align your blocks side-by-side:
- Add Columns to the content entry
- Add the Columns inside of your Section block
- Drag and drop each of the two blocks you'd like next to one another to each space within the Columns
Adjust styling and alignment as needed.
Learn more about the Insert and Style tabs within the Visual Editor to get the most out of your content entries. Or, learn how to Create and edit content with Visual Copilot, leveraging Builder's AI to generate designs for you.
Was this article helpful?