Как сделать сортировку изображений как в ВКонтакте?

Question

[Никита Гуриев]

Всем привет.
Подскажите, пожалуйста, как сделать так, чтобы изображения выстраивались как в постах ВКонтакте (см. изображение под спойлером)
Пытался Гуглить, но что-то не помогает. Не знаю уже как формулировать запрос... Всякую фигню выдаёт.

Изображение

Answer 1

[Олег]

masonry

Answer 2

[Andrey Vasilev]

https://codepen.io/Nolis/pen/jOPyNdm
накидал на скорую руку, немного нужно поправить, так как изорабжения как снизу не будут изменять размеры.
ну и все-таки нужна только концепция :)
никто не будет делать всю работу за тебя :p

Comments

[historydev]

я думаю он к тому, что нужно всё это в одном блоке по размеру складывать, мол 4 средних = 1 большой, 2 маленьких = 1 средний, чтобы всё помещалось без переносов

Answer 3

[historydev]

.block {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}