Как правильно верстать маленькие картинки (декор)?

Question

[Pavel Shevelev]

Привет. Учусь верстать. Подскажите, что делать с маленькими картинками на макете, как их верстать?

Comments

[Ankhena]

Зависит от того, что они делают при адаптиве.
Если двигаются независимо друг от друга, то это разные псевдо или разные svg в фоне (или спрайта или инлайном).
Если сдвигаюся в зависимости от контента в соответствующих блоках, то аналогично.
Если нет, то слить в одну SVG и повесить на фон.

Answer 1

[vanxant]

1. Можно отдельными блоками с position: absolute
2. Можно множественным бэкраундом (через запятую), типа background: #fff url(1.png) top left no-repeat, url(2.png) 100px 200px no-repeat, url(3.png) -100px -50px no-repeat;

Comments

[Pavel Shevelev]

А второй способ точно рабочий?

[vanxant]

Точно
https://caniuse.com/?search=multiple%20backgrounds