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

Question

[KononovD]

Общий родитель, внутри 5 элементов необходимо расположить как на скрине:

Большие 2 элемента можно отличить от маленьких 3х
Спасибо

Comments

[Михаил]

гриды

[KononovD]

Михаил, это вы название технологии написали

[Froggyweb]

KononovD, А вам CSS нужен? Так криво как на скриншоте будут проблемы. Если этот блок повторяется будет много проблем.
если рисунок от балды, то верстка элементарная, даже на float

[KononovD]

Froggyweb, да, css. А что за проблемы?

Answer 1

[FabiBoom]

Можно гридами, можно флексами (если нужно подправить отступы - margin в помощь)

Comments

[KononovD]

не догадался что это 6 столбцов) спасибо

Answer 2

[Froggyweb]

bootstrapом вроде или материл дизайн модно и сетка есть

Answer 3

[Lord_Dantes]

Пример

<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;
}