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

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

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

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