Используйте сетку для создания визуальной структуры. Сетка помогает выравнивать элементы, делать одинаковые отступы в разных секциях, и за счет этого сохранять визуальную гармонию сайта.

Задать параметры сетки можно в Опциях редактора.

Вы можете задать количество колонок, от 1 до 46, ширину, отступы и цвет. Мы используем колоночную сетку, она не фиксирует высоту элементов, только ширину — потому что ваш сайт будут смотреть с разных устройств, и высота элементов будет меняться, вы не можете повлиять на этот параметр.

Для быстрой настройки используйте пресеты, в них уже заданы количество колонок, ширина и отступы.

Сетку также можно отдельно настроить для мобильных.

Для выравнивания контента также можно использовать направляющие. Это вспомогательные линии, с помощью которых выравниваются все элементы сайта, они помогают выстраивать композицию на странице.

Можно использовать направляющие для ограничения области контента слева и справа, обозначать силовые линии — они позволяют создать траекторию, по которой пользователь будет исследовать сайт. Главная направляющая соединяет узловые точки, по которым движется взгляд, так вы можете управлять вниманием пользователя.

Включите их в меню Опции редактора.

Добавьте направляющую из контекстного меню секции.

Добавьте направляющую из линеек.

Для удаления направляющей нажмите на Х. Для удаления нескольких направляющих, зажмите ⌘ (Mac) или CTRL (Windows).

Выберите тип отображения линеек. Фиксированные линейки видны всегда, плавающие отображаться только при перемещении направляющей.

Прилипание к объектам — эта опция нужна для удобства работы с направляющими.