Как растянуть блок относительно двух крайних фиксированных блоков?

Question

[Тимур]

Работаю через флекс, есть ли решение растянуть центральный блок на всю длинну относительно двух крайних фиксированных блоков через Flex? если сделать через flex-grow то он игнорирует ширину двух фиксированных блоков.
Есть вариант у контейнера дать паддинг слева и справа и тогда блок растягивается на нужную длинну.

Вопрос есть ли еще какието варианты, потому что думаю что это не самый лучший способ решения проблемы....
На картинке видно структуру Content-block родитель блок main должен занимать оставшееся пространство относительно фиксированных блоков left и right

Comments

[Одиночка Айс]

Код должен быть кодом, а не картинкой

[Ankhena]

если сделать через flex-grow то он игнорирует ширину двух фиксированных блоков.

Так им flex-shrink 0

[Тимур]

Ankhena, у правого у левого поставить flex-shrink 0, а у центрального flex 1 0 auto?

[Дмитрий Марков]

У левого и правого (если они фиксированные) flex-shrink 0, а у центрального flex-grow 1

[Ankhena]

Тимур,

у правого у левого поставить flex-shrink 0, а у центрального flex 1 0 auto?

Прочитайте что такое короткое свойство flex и пишите как вам удобно.

Answer 1

[Антон Романков]

https://codepen.io/romant094/pen/mdxVaeo
вот так