Alignment of elements

Use the grid to create a visual structure of your page. The grid helps to align elements and set up uniform indents in different sections, which allows retaining the visual harmony of your site.

You can set up the grid in the Editor options.

Specify the number of columns in the grid (from 1 to 46), their width, alignment and color. The  column grid doesn't fix the height of elements, only their width. This is done because your site is displayed on devices with different viewports, the height of elements changes accordingly, and you can't influence this parameter.

To speed up the configuration, use presets that have a specified number of columns, width and indent values.

You can also set up the grid for mobile devices.

To align content on the page, you can also use guides, that is auxiliary lines that help you precisely position elements and arrange the layout of your page.

Guides come in handy to border the content area on both sides, to mark the center axis that serves as a trajectory of movement and directs users' attention through the page connecting all the key points of the site.

Enable the guides in the Editor options menu.

There are two ways to add guides. You can add them from the context menu.

You can also pull guides from the rulers.

To delete a guide, click on the X. To delete several guides, press and hold ⌘ (Mac) or CTRL (Windows), select the required guides and click on the X.

Choose the way to display rulers. Fixed rulers are always visible, floating rulers are displayed only when you move a guide.

Snap to objects is an option that helps working with the guides.