Как выровнять блоки по высоте самого высокого элемента при динамическом изменении этой самой высоты?

Question

[Иван Ильясов]

Собственно, весь сабж в заголовке.
Дабы не писать довольно объемный код - JSfiddle: jsfiddle.net/yduy6bsf


UPD:Ответ был найден)) Спасибо Pavel и @SelenIT2 за помощь))
jsfiddle.net/yduy6bsf/5

Answer 1

[Pavel]

почитайте про flexbox
jsfiddle.net/yduy6bsf/2

Comments

[Иван Ильясов]

Не плохое решение, но теперь при уменьшении экрана до 420px пропало отображение в 1 колонку((

[Pavel]

Иван Ильясов: jsfiddle.net/yduy6bsf/4

[Иван Ильясов]

Pavel: Спасибо, что решили помочь мне. Я обязательно воспользуюсь Вашим решением. Оно действительно очень хорошее и я даже уже знаю где его применить.
Но в данном случае мне необходимо, чтобы блоки были именно 5 колонок до определенной ширины и выравнивались во всю ширину экрана, собственно, как в исходном примере.

[Pavel]

SelenIT2: Вот лениво мне было переделывать ) просто воткнул flex и flex-wrap, показал примерно как можно сделать, дал так сказать направление

Answer 2

[Тоша Марсик]

.общий контейнер {
display: flex;
flex-wrap:wrap;
}
.эти итемы {
margin:auto;
}

ну как вариант .