Как выровнять блоки таким образом с помощью флекс бокса?

Question

[Worddoc]

Прошу помощи в освоении флексов!

<div class="content">
		<div class="movie">1</div>
		<div class="movie">2</div>
		<div class="movie">3</div>
		<div class="movie">4</div>
		<div class="movie">5</div>
		<div class="movie">6</div>
		<div class="movie">7</div>
		<div class="movie">8</div>
	</div>

Answer 1

[Николай]

Тут вам либо в сторону cssgrid посмотреть надо, либо группировать контейнеры, например 1 + 2 +3, 4 + 5 + 7 и 6 + 8

Comments

[Worddoc]

а если свойство order применять?

[Николай]

Worddoc: флекс умеет растягиваться только в одном направлении. Чтобы сделать блоки 1 и 2 нужно использовать flex-direction: column. А чтобы добавить третий необходимо другое направление.

[Worddoc]

Хорошо,спасибо, объединю тогда по группам