Как добавить паддинг от блока во флекс контейнере сохранив одинаковую ширину?
https://codepen.io/poylar/pen/MWVNRrE?editors=1000
Суть в том что при добавлении паддинга блоку слева правый блок ужимается, скорее всего это из-за margin__container ,но мне он тоже нуже чтобы добавить оступ = отступу контейнера.
Как сохранить шиирну по 50% не задавая эту самую ширину в 50%
Я хочу такой оступ:
godsplane, давайте вы покажете на скринах и расскажете исходную задачу, а не какие-то производные от неё.
Потому что сейчас .margin__container имеет левый отступ calc(50% - var(--container-width) / 2)
Вы хотите задать ему же правый паддинг равный этому margin, но пишете 100px.
Ankhena, https://codepen.io/poylar/pen/ZEozQGL накидал более поняный пример.
Я хочу такое выравниевание
Без паддингов и чтобы это сужаолсь пропорционально экрану, то есть эти оступы не нужно на 1300 уже
И почему на 4к места не останется если его станет больше?
максимальная ширина красного блока 1200.
Левый magrin от края окна до левого края блока 1200.
Размер окна растет => размер отступа растет.
Но вы же хотите чтобы справа был отступ такого же размера...
На 3000 отступ будет 900, два отступа 1800.
Всего левый блок занимает половину ширины (отступ между блоками опустим для простоты) = 1500.
Из которых 1800 ушло на отступы.
а calc то на основе чего?
На основе ширины в %, половины ширины красного контейнера и gap.
