Сетка(Grid) помогает точнее выравнивать элементы, строить структуру блока и работать с адаптивностью. В этом руководстве вы узнаете, как включить сетку, настроить количество колонок, изменить её внешний вид и использовать прилипание к колонкам.

Содержание:

• Включение сетки
• Изменение количества колонок
• Изменение цвета сетки
• Включение прилипания к сетке

Включение сетки

В верхней панели инструментов нажмите на иконку Инструменты. Затем в открывшемся меню включите опцию Показывать сетку:

Изменение количества колонок

Откройте Инструменты, затем перейдите к иконке Настройки сетки:

В окне настроек выберите количество колонок для каждого типа устройств:

• Десктоп: 12 (по умолчанию), 8, 6
• Планшет: 8 (по умолчанию), 12, 6
• Мобильные устройства: 4 (по умолчанию), 6, 2

Также можно задать кастомное значение количества колонок, но не более 36/24/12 для десктопа/планшета/мобильных устройств соответственно.

Изменение цвета сетки

Откройте Инструменты, затем перейдите к иконке Настройки сетки. В поле Цвет выберите цвет отображения сетки:

Включение прилипания к сетке

Если включить эту функцию, абсолютно позиционированные элементы будут автоматически прилипать к колонкам при их перемещении или изменении размера.

Это позволяет:

• легко выравнивать элементы по сетке;
• соблюдать чёткую структуру;
• избегать случайных смещений.

Для этого откройте Инструменты и включите в появившемся меню функцию Притягивание к объектам:

Последнее изменение: 25/08/2025