school_flashfamily

копии схожих элементов вёрстки

тильда гуру

Если на странице есть блок с плашками, например, услуги. Мы можем адаптировать одну плашку, скопировать её вместе с содержимым и вставить в блок, заменив контент. Если объём контента отличается от оригинального, нужно поправить вёрстку

+

Контент не меняет позиционирование экрана даже на больших мониторах

+

Грид-контейнер со стандартной сеткой хорошо сочетается со стандартными блоками

−

Нельзя прятать элементы за пределы рабочей области, так как их будет видно на больших экранах

−

Сложно кадрировать изображение на весь экран под разные разрешения ПК

−

Адаптив в гриде выглядит на всех устройствах по-разному

school_flashfamily

работа с отступами

тильда гуру

+

Контент не меняет позиционирование экрана даже на больших мониторах

+

Грид-контейнер со стандартной сеткой хорошо сочетается со стандартными блоками

−

Нельзя прятать элементы за пределы рабочей области, так как их будет видно на больших экранах

−

Сложно кадрировать изображение на весь экран под разные разрешения ПК

−

Адаптив в гриде выглядит на всех устройствах по-разному

Для ускоренной вёрстки можно задавать расстояние между элементами через панель отступов, выделив несколько элементов и задав нужное значение

school_flashfamily

копии адаптированных блоков

тильда гуру

Когда на странице предусмотренно много блоков с одинаковой вёрсткой контента, можно сразу адаптировать первый сделанный блок. Затем скопировать его , изменить контент и поправить адаптив

+

Контент не меняет позиционирование экрана даже на больших мониторах

+

Грид-контейнер со стандартной сеткой хорошо сочетается со стандартными блоками

−

Нельзя прятать элементы за пределы рабочей области, так как их будет видно на больших экранах

−

Сложно кадрировать изображение на весь экран под разные разрешения ПК

−

Адаптив в гриде выглядит на всех устройствах по-разному

school_flashfamily

копии блоков в многостраничном сайте

тильда гуру

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

+

Контент не меняет позиционирование экрана даже на больших мониторах

+

Грид-контейнер со стандартной сеткой хорошо сочетается со стандартными блоками

−

Нельзя прятать элементы за пределы рабочей области, так как их будет видно на больших экранах

−

Сложно кадрировать изображение на весь экран под разные разрешения ПК

−

Адаптив в гриде выглядит на всех устройствах по-разному

school_flashfamily

удаление горизонтальной мобильной версии

тильда гуру

Современные смартфоны в горизонтальной ориентации подтягивают вертикальную планшетную версию, поэтому можно удалить горизонтальную мобильную версию

school_flashfamily

кнопка «удалить адаптив»

тильда гуру

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

Это можно сделать с помощью annexx. В нём есть кнопка «удалить адаптив», которая удаляет позиционирование и стили, и кнопка «удалить позиционирование», которая сохраняет стили текста

flash_family

спасибо :)

school_flashfamily

flashfamily

school.flashfamily

тильда гуру