Как расставить блоки через flexbox на css?

Question

[Dobarushka]

Все привет, кто знает возможно ли через flexbox расставить блоки таким образом как на скриншоте и при этом не меняя структура html кода?

<div class="main_box">
	<div class="box box1"></div>
	<div class="box box2"></div>
	<div class="box box3"></div>
	<div class="box box4"></div>
	<div class="box box5"></div>
	<div class="box box6"></div>			
</div>

Comments

[Виталий Першин]

А в чем именно проблема? Вы сами пробовали сделать?

Answer 1

[Антон]

https://jsfiddle.net/2x69zLy1/

Comments

[Dobarushka]

Спасибо за предоставленный код, ты мой спаситель, ты мой геррой ^_^

Answer 2

[Ilya Muromtsev]

Элементарно, стандартная для флекса. Мейн блоку добавь flex wrap wrap

Answer 3

[Lord_Dantes]

.main__box{
display: flex;
flex-wrap: wrap;
}

Дальше задаете равную ширину всем блокам, и они будут переносится на следующую строку