FedyaAsker
@FedyaAsker
Постоянно что то не понимаю...

Как позиционировать элементы в Zero Block относительно окна и друг друга?

При работе с адаптивом на мобилке встал вопрос, а как правильно позиционировать элемент в Zero Block так, чтобы он располагался в процентах относительно границы окна (левой или правой), но при этом элементы которые лежат внутри этого родительского элемента, сохраняли одинаковый отступ относительно друг друга?

Рассмотрим на примере шапки.
Стрелками указан отступ между иконками и текстом, который увеличивается в зависимости от размеров окна.
Ширина окна в 360px

67403bbae720f590668872.png
Ширина окна в 470px

67403c4601327722931437.png

Как мы видим размер отступа меняется, при увеличении окна, так как каждый элемент (Иконка и текст) позиционируются в процентах относительно краёв Window.
Tilda

67403e4392555356695112.png
67403e49e3d57741929830.png
67403e536799f023062956.png
67403e59730a7696156172.png

Как мне нужно правильно позиционировать группы элементов (обведенных в красный квадрат) относительно краёв Window в процентах, но при этом чтобы внутри группы был одинаковый отступ у дочерних элементов?

Возможно ли так сделать, средствами редактора Zero Block, не используя кастомный html/css код?
  • Вопрос задан
  • 15 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы