При создании нового проекта вы увидите голубую рамку — она определяет высоту и ширину десктопной версии вашего проекта. По умолчанию, ширина рамки — 1024 пикселя, но вы можете вручную изменить это значение и задать ширину до 2880 пикселей.
Чтобы сделать это, нажмите на икноку виджетов в нижнем правом углу рабочей области и активируйте настройку Grid & Guides («Сетка и направляющие»). Кликните на ‘1024’ и введите новое значение ширины вашей страницы.
Чтобы сделать голубую рамку видимой, выберите Set 1 в настройках Grid & Guides («Сетка и направляющие») и введите 0 в поле количества столбцов.
Если вы хотите, чтобы ваш проект автоматически адаптировался под ширину различных мониторов,активируйте настройку Scale layout до начала работы. Эта опция находится во вкладке Viewer настроек проекта. В этом случае вам не нужно указывать ширину рабочей области — после публикации проект будет выглядеть так же, как в режиме редактирования. Голубая рамка не будет видна, если в проекте активирован Scale layout, так как размер экрана будет равен размеру рабочей области в редакторе. Убедитесь, что при просмотре проекта в режиме превью масштаб вашего браузера установлен на 100%: так вы увидите, как проект отобразится у ваших посетителей.
Направляющие
В настройках направляющих (Guides) вы можете выбрать один из трех сетов, доступных по умолчанию. Чтобы увидеть их, выберите Set 1 в верхнем левом углу настройки Grid & Guides («Сетка и направляющие»).
Вы также можете настроить любое необходимое вам количество столбцов и строк, их ширину и отступы. Чтобы сделать все колонки равными, вручную укажите их ширину. В ином случае, ширина будет посчитана автоматически в зависимости от различных параметров, что может привести к неточностям.
Сетка
В настройках сетки также есть три стандартных сета, которые можно изменить, вручную введя необходимое значение.
Захват
Если опция захвата (Snap) активирована, то виджет будет привязан к сетке, а также к расположенным рядом виджетам, если вы его переместите на странице.
Размеры
Включите опцию Размеры (Sizes), чтобы увидеть ширину и высоту ваших виджетов. Вы можете подробнее ознакомиться с тем, как работать с виджетами, здесь.
Блоки
Блоки — это фича, сейчас она находится в стадии бета-тестирования. Она позволяет работать отдельно над разными частями страницы. Подробнее вы можете прочитать о Блоках здесь.