Add content Side-by-Side
When you start adding elements to a page, you'll likely notice that they stack one on top of the other automatically. At first glance this may make it appear there's no way to place elements side-by-side. But the good news is that Columns can be created simply by dragging content side-by-side.
We'll stick with only two columns for this example, but regardless of the number of columns they all work the same way: you drag other elements into the columns.
You can drag as many elements into each column as needed, and use the blue bar between the columns to adjust the width. Elements inside the columns will expand or contract as you change the column size.
The divider between the columns doesn't show up on the published site so none of your visitors will see that.
You can copy and move columns, or adjust spacing between columns by clicking on the column divider lines. And Note: that Columns automatically snap into alignment with other columns on the page. You can disable snapping by holding the shift key while dragging the Divider lines.
You can add as many elements as you like to each column; they'll just stack on top of each other as usual. And you can add elements above and below the Columns element too, so part of the page can have two columns, another part one column, and another could have more. That's entirely up to you!
There is also a Spacer Element, that allows you to create an empty column or blank space on a page. After placing the Spacer element on the page you can adjust width and height to meet your requirements. The Spacer adds an additional layer of control over design and page layout that should help you do even more with your content.