Как перенести этот пример с grid на flex?

Question

[loner]

Помогите пожалуйста, мне нужно сделать такой же макет только с помощью flex, но я никак не могу разобраться как это сделать.

Comments

[Вадим]

но я никак не могу разобраться как это сделать.

В чём конкретно у Вас возникают сложности?

[Ankhena]

1. Зачем?
2. Если грид может так разложить элементы сложенные в одну обертку, то флекс так не умеет.
Вам нужно создать дополнительные обертки.
3. Если сложности останутся, то выложить код на codepen.io и описать что именно не выходит.

[loner]

Ankhena,
Отвечу на первый вопрос и станет всё понятно
Мне нужно сделать два одинаковых макета сайта, один на грид второй на флексах и сравнить их

[Ankhena]

loner, ок, отличный план.
Что делать, чтобы его осуществить, я написала выше.

Answer 1

[Сергей Т]

Убираешь гриды, меняешь разметку и делаешь на флексах!
Примерно так: https://codepen.io/tihomirovpro/pen/bGaJBPq