Задать вопрос
@haykmell

Как правильно верстать такое с помощю Flexbox?

FYIzCxb.png
  • Вопрос задан
  • 125 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • UPROCK.SCHOOL
    Webflow-разработчик: создание сайтов без кода
    4 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 4
@a-kh
web-разработчик
Проще всего:
Родителю следующие стили:
display:flex;
flex-wrap: wrap;
justify-content: space-between;


Дочерним:
width: 24%;
height: 200px;

Пятый блок так:
.parent .child:nth-of-type(5) {
width: 48%;
}


С шириной/высотой, отступами можно поиграться
Ответ написан
Комментировать
natojezlo
@natojezlo
да так картинкой вставляй и не парься)
Ответ написан
Комментировать
Ответ написан
Комментировать
@flexboxer
d-flex
flex-row
justify-content- between

для второго также, просто первому элементу увеличиваешь ширину, в общем три блока
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы