Как использовать Grid на мобильных устройствах

Вы можете легко изменить ширину сетки с Boxed на Wide и наоборот. Выберите сетку, затем перейдите на панель свойств. Найдите значок Boxed/Wide рядом со значениями ширины и высоты и измените макет Gird, щелкнув этот значок.

Сетки позволяют организовывать различный контент, включая изображения, значки, фигуры и текст в виде ячеек, с которыми очень удобно работать. В нашем визуальном редакторе вы можете легко перемещать ячейки в сетке, просто перетаскивая одну ячейку поверх другой, совершенствуя макет и содержимое для своего веб-дизайна. Кроме того, вы можете щелкнуть значки со стрелками в контекстном инструменте ячейки, чтобы переместить ячейку.

Вы можете изменить расстояние между ячейками сетки в соответствии с вашими требованиями к веб-дизайну. Для этого вы можете использовать свойство Cell Gap на панели свойств. Выберите сетку, затем перейдите на панель свойств, прокрутите панель вниз и перетащите ползунок, чтобы изменить зазор.

Элемент сетки очень гибкий. Вы можете настроить его макет в соответствии с требованиями вашей идеи веб-дизайна. Чтобы перевернуть сетку, которую вы разместили в блоке. Выберите этот элемент, затем перейдите на панель свойств справа. Щелкните раскрывающийся список Flip рядом с Grid Layout. Нажмите «Отразить» или «Повернуть», чтобы выполнить операцию.

Элементы сетки очень полезны для создания адаптивных режимов, так как на небольших экранах ячейки сетки автоматически перемещаются одна под другую. Кроме того, для многих макетов вы можете изменить порядок ячеек сетки во всех мобильных представлениях. Выберите элемент сетки, переключите адаптивный режим на верхней панели, при необходимости настройте сетку. Для большинства сеток вносить коррективы не требуется.

Если вам нужно создать причудливые макеты для ваших изображений, фигур и текстов, вы можете изменить размер ячеек сетки, имеющих различную ширину, придавая вашим проектам современный вид.

Ячейка элемента сетки может иметь фон, и вы можете использовать для него различные типы. Вы можете применить заливку цветом, градиент, изображение, видео или вообще не использовать фон. Выберите ячейку сетки и перейдите на панель свойств. Выберите тип фона, который лучше всего подходит для вашего веб-дизайна.

Slider Animation — очень популярная реакция на Hover. Вы можете добавить различные эффекты для ячеек сетки, например, Fade, Overlay, Slide, Flip, Wobble и Zoom. Выберите ячейку сетки, затем перейдите на панель свойств. Нажмите ссылку Hover Slide, затем выберите эффект, который вы хотите видеть при наведении курсора на ячейку сетки.

Вы можете изменить макет добавленной сетки на блок в любое время. Выберите элемент сетки, затем перейдите на панель свойств. Щелкните стрелку, чтобы открыть список предустановок сетки, и выберите макет, который лучше всего соответствует вашей идее веб-дизайна. Вы также можете добавлять и удалять ячейки сетки в редакторе.

Получите самый широкий выбор макетов сетки для вашего веб-дизайна. Элементы сетки помогают автоматически сделать ваши проекты мобильными.