Можно ли построить такую сетку с помощью флексбокса и как?

Question

[Duglas]

Выпала задача сделать сетку из блоков. Необходимо чтобы блоки были последовательны по горизонтали и стыковывались по вертикали (как на фото). Возможно ли это сделать используя только контейнер и эти самые блоки?

Comments

[Sanes]

getuikit.com/docs/grid-js.html
getuikit.com/docs/flex.html

Answer 1

[Александр Таратин]

Рано еще их использовать, так немного больше охват будет
w3bits.com/css-masonry

Comments

[Сергей Протько]

рано использовать флексбоксы? Да вы что? Достаточно просто дропнуть поддержку IE9 и можно спокойно использовать.

[Александр Таратин]

Сергей Протько: Пока не загнется xp нужно поддерживать ie8.

[Игорь Воротнёв]

Александр Таратин: сильно-сильно зависит от проекта и аудитории. У меня подход такой - если у тебя >20% мобилы и планшеты, и <5% старые ослики - нахрен осликов и все, что с ними связано. И уж тем более нахрен XP, которую туда же послал даже сам Мелкософт.

Answer 2

[Стас]

Отвечая на вопрос — можно: demosthenes.info/blog/844/Easy-Masonry-Layout-With...

Там же можно посмотреть fallback.