Как сделать input с адаптивной шириной?

Question

[nen0y]

https://codepen.io/5dc8b3/pen/dypYpEP

Изначально input занимает ширину в 100% от wrapper, но если в wrapper добавится новый div, то input должен сжаться. Когда input станет меньше 25%, то он должен перенестись на новую строку.

Как это сделать?

Comments

[Ankhena]

Флексами с помощью flex-grow и мин ширины https://jsfiddle.net/g1dzeors/

Answer 1

[Ilya Olovyannikov]

https://codepen.io/Olovyannikov/pen/bGwVBVY

Comments

[approximate solution]

Элемент при уменьшении относительно родителя не прыгает на новую строку.