Как сверстать блок, в котором элементы находятся в хаотичном порядке?

Question

[Фёдор]

В макете есть блок вот с таким расположением элементов:


В голове крутится только один вариант решения. Разделить на три блока и через позиционирование разместить все элементы. Но это как-то топорно слишком. Какими силами можно реализовать это?

Comments

[Ankhena]

Смотря что должно происходить с этими картинками и как перестраиваться при адаптиве.

В зависимости от этого сделать либо просто одной картинкой либо девятью и абсолютами (либо гридами и relative (transform)).

[FrelFrloich]

Начнём с того что они не в хаотическом порядке, первый ряд из трёх, акурат совпадает с верхушкой второго ряда, второй с верхушкой третьего. Это просто грид сетка, а в ней уже позицианируются елементики, с клипом и дроп шадоу.

Answer 1

[ildar-meyker]

Разумнее всего вывести группами и потом сместить каждое трасформациями.