Как сделать такую сетку?

Question

[Денис]

Answer 1

[Alexander Pushkarev]

Через https://masonry.desandro.com/ или любые другие аналоги

Answer 2

[Astrohas]

Четыре дивблока с шириной по 25% внутри которых субблоки.

.magic-wrapper{

display: flex;
}
.magic{
width: 25%;
 padding-left: 3px;
 padding-right: 3px;
}

Пруф
Иначе Таблицы
Иначе Masonry

Answer 3

[Марти Макфлай]

Есть отличная статья на хабре про флексбоксы - Работа с Flexbox в гифках
На флексах можно любую сетку в несколько строчек сделать, ещё и адаптивно.

Answer 4

[cssfish]

вопрос не в том как сделать, а как она должна себя вести. если вот так прям как на рисунке, и при смене картинок не изменяется, то тогда можно даже тупо absolute-блоков в % накидать и cover им. Или напихать блоков с фикс. соотношением сторон и расставить их в 4 колонки. И тд, чего тут перечисляли...

А вот если в динамике должно что-то меняться, тогда можно и masonry...