Основная функция блока:
Структурирование информации на сайте, удобное расположение элементов
в блочной и свободной секциях.
Пример колонок с другими блоками внутри (для наглядности выделены области колонок):
Идеальный дизайн
вашей квартиры
От 40.000 руб.
Хочу консультацию
Как это работает:
Всё просто: вы добавляете блок на сайт, помещаете туда другие элементы и регулируете соотношение колонок, чтобы двигать элементы внутри них. По умолчанию в блоке уже добавлено 3 колонки, вы можете поменять их порядок в разделе “Список колонок":
Клонирование колонок:
В списке колонок вы можете клонировать любую из колонок со всем её содержимым,
чтобы ускорить процесс работы:
Пример клонирования колонок:
Вы готовы перевернуть свое мышление на 360°
Хотите увеличить продуктивность
в работе в 2 раза
Планируете стать
частью активного
сообщества
Планируете стать
частью активного
сообщества
Отступы от контента и между колонками:
Вы можете выбрать один из готовых вариантов настройки отступа от контента, либо задать свои значения для отступа и по вертикали, и по горизонтали отдельно.

Максимальный отступ между колонками — 50px.
Пример колонок с ручной настройкой отступов:
Вы готовы
перевернуть свое мышление на 360°
Хотите увеличить продуктивность
в работе в 2 раза
Планируете стать
частью активного
сообщества
Настройки отступов и позиционирования в мобильном редакторе:
В мобильном редакторе вы можете задать отличные от ПК отступы от контента и между колонками, если что-то не помещается. 

Количество колонок в ряду в мобильной версии теперь регулируется в правой панели.
Настройки отступов в мобильной версии
не влияют на ПК-версию.
Блок
Пример отображения колонок на мобильном:
Настройка тени:
Вы можете выбрать либо одну из готовых настроек тени, либо задать свои параметры.
Пример колонок с тенью (ручная настройка):
Вы готовы
перевернуть свое мышление на 360°
Хотите увеличить продуктивность
в работе в 2 раза
Планируете стать
частью активного
сообщества
Обводка колонок:
Для колонок можно добавить обводку — сплошную, пунктирную или точечную,
настроить её цвет и толщину.
Примеры разных вариантов обводки:
Вы готовы
перевернуть свое мышление на 360°
Хотите увеличить продуктивность
в работе в 2 раза
Планируете стать
частью активного
сообщества
Вы готовы
перевернуть свое мышление на 360°
Хотите увеличить продуктивность
в работе в 2 раза
Планируете стать
частью активного
сообщества
Вы готовы
перевернуть свое мышление на 360°
Хотите увеличить продуктивность
в работе в 2 раза
Планируете стать
частью активного
сообщества
Фон колонок:
Фон может быть либо пустым, либо с заливкой сплошным цветом/градиентом.
Пример колонок с градиентным фоном:
Вы готовы
перевернуть свое мышление на 360°
Хотите увеличить продуктивность
в работе в 2 раза
Планируете стать
частью активного
сообщества
Уникальные настройки дизайна для каждой колонки:
Можно задавать уникальные настройки дизайна для каждой колонки.
Это делается в разделе Список колонок:
Пример колонки с уникальной настройкой:
Вы готовы
перевернуть свое мышление на 360°
Хотите увеличить продуктивность
в работе в 2 раза
Вам нужно получить сертификат
прохождения курса