🚀 Desktop/tablet/mobile distribution is important to make your site readable on all devices.

Let’s start by adding a row.

Click on the + sign to Add a Row.

👉 Pick wanted Column Distribution ( You Can always change and customise the distribution later)

👉 Click the + inside the columns to add elements or another row

📌 Vertical alignment

Align all the content in 1 column to the Top/Center/Bottom of the row element.

📌 Reverse Column Order

If you want to switch the order of your columns, simply click on the Reverse Column order

📌 Column Gap

With column gap you can set spacing in between the columns, this setting can be responsive (device icon)

👇

And remember, smartphone screens are too narrow to have 2 columns of content next to each other.

To optimize the design for mobile, choose a single column on mobile view to place the columns below each other.