изменение form при уменьшении размера окна бразуера

[TorchTT]

На сайте имеется слой, состоящий из 3 форм различной длины, но одинаковой высоты:

Необходимо, чтобы при уменьшении размеров слоя - формы выстраивались в столбец, в котором ширина всех форм одинакова:

Подскажите, пожалуйста, как решить проблему?

[Switch74]

только js: при событии resize проверять ширину страницы и при достижении определенных размеров изменять свойства форм

[ablay2009]

только js: при событии resize проверять ширину страницы и при достижении определенных размеров изменять свойства форм

Ну почему же сразу JS, есть такая замечательная вещь, как медиа запросы. Все нужные вам стили вы оборачиваете в такую конструкцию:

@media screen and (max-width:600px){
Здесь ваши стили
}

Заместо 600px указываете свои значения

[TorchTT]

ablay2009

Благодарю за ответ)

Вопрос решен.

Тему можно закрывать.