Расположение элементов с помощью flexbox?

Question

[Gregory]

Добрый день.

Есть следующая необходимость:

https://jsfiddle.net/v8n2mu6s/27/

1. Изначально все три блока должны стоять в один ряд.
2. Блок 1 и 2 имеют заданную ширину. (по возможности использовать доступные свойства flexbox)
3. Блок 3 должен тянуться на оставшуюся доступную ширину.
4. При сужении окна браузера блоки 1 и 2 могут уменьшаться до какой-то минимальной ширины, а после блок 2 должен вставать под блок 1, и блок 3 соответственно должен растягиваться на освободившуюся ширину от блока 2.

Реализация интересует исключительно на флексах, такое возможно?
Заранее спасибо.

Answer 1

[Артур]

Добрый день.
Вам тут медиа запросы нужны ,без медиа запросов разве что на js.
Почему?
Все просто, что бы блок 3 занял свободное место в данном случаи нужно через order поменять их местами с 2 блоком.

Comments

[Gregory]

Артур, да через медиа, я знаю как сделать, думал можно просто флексами обойтись ) Спасибо за уточнение.

Answer 2

[Амир Алимжанов]

Играть со свойствами flex-grow, flex-shink и flex-basis
Пример, может что получиться)