@Andy_Francev
Frontend Developer

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

Добрый день! Помогите пожалуйста. Только изучаю вёрстку.
Можно-ли сверстать так с применением флексбокса?
2f99214c499d4491968c3651ebb81c6f.png
Пока у меня получается только так:
ba9e1ff6427e4a74a8bc1bed565c1e65.png
3 не хочет вставать рядом с 2.
Вот код того, как не получается.
Да, я знаю, что группы блоков 1-2-3, 4-5 и 6-7-8 можно обернуть каждую в свой флексбокс, и тогда всё будет стыковаться нормально, но тогда каждый из блочков будет привязан к своей обёртке в html, что создаст проблемы в адаптивности макета.
Спасибо!
  • Вопрос задан
  • 336 просмотров
Решения вопроса 1
pm_wanderer
@pm_wanderer
junior-HTML
Делаешь три колонки:

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

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

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

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

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