Flexbox. Не понимаю, как сверстать?

Question

[Андрей безфамилии]

Добрый день! Помогите пожалуйста. Только изучаю вёрстку.
Можно-ли сверстать так с применением флексбокса?

Пока у меня получается только так:

3 не хочет вставать рядом с 2.
Вот код того, как не получается.
Да, я знаю, что группы блоков 1-2-3, 4-5 и 6-7-8 можно обернуть каждую в свой флексбокс, и тогда всё будет стыковаться нормально, но тогда каждый из блочков будет привязан к своей обёртке в html, что создаст проблемы в адаптивности макета.
Спасибо!

Answer 1

[Алексей Струков]

Делаешь три колонки:

В первой колонке создаешь два ряда. Во втором из этих рядов делаешь еще две колонки.

Во второй колонке делаешь два ряда.

В третьей колонке делаешь тоже самое что и в первой.

Comments

[Андрей безфамилии]

Огромнейшее спасибо! А нельзя ли сделать так, чтобы не было разбивки на 3 колонки? Чтобы боксы шли все в одной обёртке сплошным потоком друг за другом? Так, чтобы 3 встал рядом с 2, 4 поднялся, и 5 встал под ним?

[Алексей Струков]

Andy_Francev: боюсь, что так не получится. Хотя я никогда не искал способа это реализовать таким образом, ибо привык все делить колонками.