Creating responsive layouts with columns

Attach elements to columns so they stay aligned as the desktop browser width changes.

1. Choose Add → Columns and place the columns element on the page. Open its Settings and use + Add Column if you need another column.
2. Drag each item over its column and release it when Attach To Column appears.
3. Select each column by clicking its background. In Settings, choose the alignment for its contents, then save and publish.

Check the live site at different browser widths. Use the mobile editor to adjust the mobile layout separately.