> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Настройка сетки для Flex block

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

**Содержание:**  
* [Включение сетки](#1-vklyuchenie-setki)
* [Изменение количества колонок](#1-izmenenie-kolichestva-kolonok)
* [Изменение цвета сетки](#1-izmenenie-cveta-setki)
* [Включение прилипания к сетке](#1-vklyuchenie-prilipaniya-k-setke)

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

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

![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/sitka-rus-1_1m6e1xz.png)

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

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

![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/sitka-rus-2_e68w9y.png)

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

![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/sitka-rus-3_1q34qj3.png)

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

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

| **Примечание:** изменение количества колонок автоматически пересчитывает их ширину.  

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

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

![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/sitka-rus-4_1r6hdzo.png)

| **Примечание:** это поможет лучше видеть сетку на тёмном или светлом фоне.  

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

Если включить эту функцию, [абсолютно позиционированные](/ru/article/absolyutnoe-pozicionirovanie-elementov-v-obychnyh-blokah-rm5o4g/) элементы будут автоматически **прилипать к колонкам** при их перемещении или изменении размера.  

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

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

![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/sitka-rus-5_78vfhw.png)

| **Примечание:** сетка не влияет на финальный вид сайта — это лишь вспомогательный инструмент для дизайна.