@haykmell

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

FYIzCxb.png
  • Вопрос задан
  • 123 просмотра
Пригласить эксперта
Ответы на вопрос 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

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

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

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