@KononovD

Как это сверстать?

Общий родитель, внутри 5 элементов необходимо расположить как на скрине:
5f2858ce76389660373876.png
Большие 2 элемента можно отличить от маленьких 3х
Спасибо
  • Вопрос задан
  • 391 просмотр
Решения вопроса 2
sniggering_deus
@sniggering_deus Куратор тега CSS
Dance Gavin Dance - Prisoner
CSS Grid:



Flexbox:

Ответ написан
@FabiBoom
Можно гридами, можно флексами (если нужно подправить отступы - margin в помощь)
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@Froggyweb
bootstrapом вроде или материл дизайн модно и сетка есть
Ответ написан
Lord_Dantes
@Lord_Dantes Куратор тега CSS
Чат джунов t.me/developersjunior
Пример

<section>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</section>

section{display:flex;flex-wrap:wrap;justify-content:center;}
div{
  background:red;
  width:32%;
  height:400px;
  margin:5px;
}
section div:first-child{
  width:45%;
  margin: 0 5px 5px;
}
section div:nth-child(2){
  width:45%;
  margin:0 5px 5px;
}

Ответ написан
Ваш ответ на вопрос

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

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