kiskiskit
@kiskiskit
Начинающий верстальщик

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

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

5f8c3920bc12b625331590.png

https://codepen.io/kiskiskit/pen/xxOVQdQ
  • Вопрос задан
  • 93 просмотра
Решения вопроса 3
ikoit
@ikoit
Веб–разработчик
Вот так: https://codepen.io/garisun/full/qBNNOpg
Но вообще читайте — это полезно. Хотя бы статьи, а лучше ещё книги и твиттеры ведущих разработчиков.
Вот Вам статья про основные раскладки блоков: https://habr.com/ru/post/522880/
Ответ написан
Psixodelik
@Psixodelik
Преподаватель на Hexlet
  1. display: flex
  2. justify-content/margin/padding
  3. order


Где именно проблема?
Ответ написан
maralov
@maralov
фронт-джун
.about-item{ display: flex}
.about-item:nth-child(2n) p { order: 1}

У Каждого четного about-item параграфу меняйте порядок через order.
Ну или не параграф а картинке ... там уже как надо докрутите
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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