Задать вопрос
kiskiskit
@kiskiskit
Жадно изучаю каждый пиксель
html

Как правильно сверстать flex блок?

подскажите пожалуйста, как с помощью flex расположить элементы, чтобы получить вот такой результат:

6114c8312c858843932047.png

моя неудачная попытка:

https://codepen.io/kiskiskit/pen/BaRMbVM
  • Вопрос задан
  • 84 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 3
@IvanGrishov
Начинающий Frontend разработчик
Вот так, проверяй.

Ответ написан
1 комментарий
1 комментарий
@snake2
Сразу пишу legacy код
Вы используете только одно свойство display:flex и не используете свойства для стилизации такие justify-content и другие
Почитайте
Ответ написан
1 комментарий
1 комментарий
@Meri_me
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
PHP-разработчик
FoodSoul • Калининград
от 180 000 до 250 000 ₽
Frontend Developer (React + Node.js)
Alfabet Service
от 1 000 до 2 000 $
Senior Frontend-разработчик в команду управления доступами
SMALL
от 3 000 до 4 700 $
Ещё вакансии