Есть 4 поля Фамилия, Имя, Отчество, Дата рождения. Не получается настроить стиль таким образом чтобы они верно отображались на странице.
нужно чтобы когда страница раскрыты полностью формы выстраивались как 1 2 3 4.
когда страницу сжимаешь они бы перестраивались.
1 2
3 4
сейчас сделано так
.grid-container {
width: 100%;
display: inline;
grid-gap: 20px 50px;
}
.grid-item {
width: 25%;
min-width: 250px;
}
<h:panelGroup id="holder_panel" layout="block">
<div class="grid-container">
<div class="item">some code</div>
<div class="item">some code</div>
<div class="item">some code</div>
<div class="item">some code</div>
</div>
</h:panelGroup>
и проблема вот в чем.
когда страница развернута, все ок.
а когда сжимаешь ее, то при вводе в поле 1 неверное информации строка снизу смещает поле 3 в сторону. см рисунок во вложении. отчество съехало
1 2
3
4
как настроить форму?