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

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

5e1d9048e5c66620350173.png

<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>
  • Вопрос задан
  • 760 просмотров
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 2
sfrancisco
@sfrancisco
Элементарно, стандартная для флекса. Мейн блоку добавь flex wrap wrap
Ответ написан
Комментировать
@Lord_Dantes
.main__box{
display: flex;
flex-wrap: wrap;
}

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы