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

Ankhena, та я вкурсе , что есть ngx-masonry.
Но это не отменяет, что это масонри

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

Ankhena, А если данная штука будет натягиваться на ангуляр? И получается, что masonry - нельзя. Колонки тоже.

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

Ankhena, суть в том, что нужна разная высота
https://codepen.io/frontAng/pen/LYrRREV

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

Ankhena, высота у каждого итема одинаковая
а не разная

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

Ankhena, не подскажете? вариант delphinpro близкий
но не совсем

Как сделать, чтобы картинка не обрезалась?

Ankhena, вроде решилось
подскажете почему свг не адаптивна?
понимаю, что из за фикс размеров.
Но если убрать их - то вообще свг пропадет
https://codepen.io/frontAng/pen/PoaNJpY

Как добавить градиент в svg?

Максим, не на свг?

Как добавить градиент в svg?

Максим, почему удалили ответ?

Как изменить хендлер?

Максим, https://qna.habr.com/q/1216644

Как изменить хендлер?

Максим, нужно просто вот это
стрелкой показано

Как изменить хендлер?

Максим, дело не в цвете
https://codesandbox.io/s/naughty-ride-i8hqjv
вот тут в кружок , нужно вставить еще кружок
поняли о чем я?

Как сделать, чтобы картинка не обрезалась?

Ankhena, так тогда картинка не будет во всю высоту итема

Как сделать, чтобы картинка не обрезалась?

Ankhena, проблема в том, что если написать height: 100
но безobject-fi:t cover
то будет вообще плохо смотрется