Как сверстать данный блок с помощью flex?

Question

[Артур Левенсон]

Как с помощью flex добиться вот такого результата расположения блоков?



https://codepen.io/kiskiskit/pen/xxOVQdQ

Answer 1

[Никита Михайлов]

1. display: flex
   
2. justify-content/margin/padding
   
3. order
   

Где именно проблема?

Comments

[Артур Левенсон]

Проблема заключается в непонимание как расположить текст змейкой. Использовать для этой цели order?

вот что у меня сейчас получилось: https://codepen.io/kiskiskit/pen/xxOVQdQ

Answer 2

[maralov]

.about-item{ display: flex}
.about-item:nth-child(2n) p { order: 1}

У Каждого четного about-item параграфу меняйте порядок через order.
Ну или не параграф а картинке ... там уже как надо докрутите