Как сверстать такие маркеры?

Question

[ljutaev]

Как правильно и адаптивно сверстать такие маркеры поверх картинки?
Думаю через position: absolute, но интересно может у кого-то есть и другие мысли

Answer 1

[Максим Тимофеев]

через position: absolute не получится адаптивно, будет наезжать друг на друга или прийдется миллион брейкпоинтов ставить. Лучше svg

Answer 2

[Маленький Вася]

можно через ul > li, дать ul - position absolute, а li position relative

Comments

[ljutaev]

наверное наоборот, ul pos: rel , li pos: absolute)
спасибо за ответ