Сітка (Grid) допомагає точніше вирівнювати елементи, будувати структуру блоку та працювати з адаптивністю. У цій інструкції ви дізнаєтеся, як увімкнути сітку, налаштувати кількість колонок, змінити її вигляд та використовувати прилипання до колонок.

Зміст:

• Увімкнення сітки
• Зміна кількості кнопок
• Зміна кольору сітки
• Увімкнення прилипання до сітки

Увімкнення сітки

У верхній панелі інструментів натисніть іконку Інструменти. Після чого у меню, що відкриється, увімкніть опцію Показувати сітку:

Зміна кількості колонок

Відкрийте Інструменти, після чого перейдіть до іконки Налаштування сітки:

У вікні налаштувань оберіть кількість колонок для кожного типу пристрою:

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

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

Зміна кольору сітки

Відкрийте Інструменти, після чого перейдіть до іконки Налаштування сітки. У полі Колір виберіть колір відображення сітки:

Увімкнення прилипання до сітки

Якщо увімкнути цю функцію, абсолютні елементи будуть автоматично прилипати до колонок, коли ви їх переміщуєте або змінюєте їхній розмір.

Це дозволяє:

• легко вирівнювати елементи за сіткою;
• дотримуватись чіткої структури;
• уникати випадкових зміщень.

Для цього відкрийте Інструменти та увімкніть у меню, що зʼявилось, функцію Притягування до обʼєктів:

Оновлено: 25/08/2025