Как сделать, чтобы блоки (flexbox) подстраивались друг под друга в зависимости от размера?

Question

[Dmitry Katyushin]

Собственно вот скрин
Как "соединить" блоки, пытался сделать по этому описанию но ничего не вышло, еще хотелось бы узнать, можно сделать, чтобы максимум было 3 колонки? Заранее спасибо за ответы :)

Answer 1

[Антон]

jsfiddle.net/fz4upxnv

Comments

[Dmitry Katyushin]

еще как вариант думаю можно через медиа задать размеры, а как быть со 2ой картинкой? Неужели ничего нельзя сделать? :( (еще недели 2 назад сначала использовал jQuery сетки, потом через column на чистом ксс, вот добрался теперь и до flex)

[Антон]

Dmitry Katyushin: jsfiddle.net/fz4upxnv/4

[Dmitry Katyushin]

Антон Суслов: супер, но теперь блоки не динамичный, у меня фиксированный размер, не переносятся, я так понимаю это теперь как одна колонка идет, как исправить? https://pp.vk.me/c621825/v621825832/bf9b/P9hoAQBwA...

[Dmitry Katyushin]

Антон Суслов: вот разрешение побольше https://pp.vk.me/c621825/v621825832/bf9d/p5ni9Tm3a...

[Антон]

Dmitry Katyushin: Dmitry Katyushin: у блока flex-grow: 1. Не знаю, почему у вас не работает.

[Dmitry Katyushin]

Антон Суслов: интересно, что flex-grow: 1 никак не реагирует (прописал элементам) так же и justify-content: center; не выравнивает.. (прописал контейнеру), если даже выравнивание не работает значит проблема в другом?