Navigate to [https://admin.max-media.io/tabs/profile](https://admin.max-media.io/tabs/profile)

This is your main page where you can edit subsections and add them to it.

This is the basic grid layout made out of rows (yellow), columns (blue), and components (purple). You can see how it reacts to different screen orientations and sizes by toggling the view.

Let's do a more real-life example. Start by adding a new row.

Choose a starting layout for the row. We'll start with a single column and change it along the way.

Let's make this 100% of the screen width -  it's dynamic on any device.

Choose the type of image you want to add.

You can edit the width of the column from here. I'll show you a different way to do that in a bit.

Slide to edit horizontal spacing of the column.

Slide to edit vertical spacing of the column.

Sometimes this dialog might appear. If there is no information inside the column, you can ignore it.

We'll do the same to add a button below inside the same column.

We can dynamically resize the column from this button.

Scroll to preview and click away to save.

If it gets stuck, you can add it from the layers on the right. Hover to highlight the row, column, and component.

Let's add the final image - it's the same as before.

Let's add some fluid-ness. Click the component settings.

Click save to the page. You will need a Page title as well.

This is the preview inside the editor. You can close it by clicking the "X"

Click "Publish site" when you are happy with the results.

You can add your own domain by purchasing or transferring one.

That's it. If you need any help - click the "Free support meet" button.

How to create a page with Builderly