Как сделать ширину input'а динамической?

Question

[Guzh]

.input-block {
    min-width: 170px;
    max-width: 420px;
} 
input {
    height: 36px;
    width: 100%;
}

Как изменить верстку, чтобы input находящийся внутри div'a принимал по возможности (если размер экрана позволяет) максимальную ширину?

Answer 1

[Gortyser]

Обернуть в флекс-контейнер.
Ссылка
Обновил код, для того, чтобы реализовать то, что вам нужно, самому input еще нужно назначить flex-grow: 1;

Answer 2

[Егор Живагин]

max-width: 100% ?

Comments

[Guzh]

Не работает. Сам блок, почему-то занимает 250пкс, хотя место ему позволяет принять максимальное значение.

[Егор Живагин]

Guzh, блин, много почему может быть) Пример бы на codepen или ссылку на сайт

[Guzh]

Егор Живагин, проверил в codepen, там нормально. Не понятно пока почему.