Возможно как-то «приклеить» элементы верстки к картинке?

Question

[oneof89]

Есть блок страницы, разделенный примерно 40 на 60, один с текстом, другой с картинкой и кружочками. Кружочки мы размещаем на определенные места картинки. Важно то, что у картинки position: absolute; и она прижата к краю сетки.
Вопрос: Реально ли, на любом устройстве сохранять правильное, "приклеенное" положение кружочков на картинке?

Comments

[Ankhena]

Реально ли, на любом устройстве сохранять правильное, "приклеенное" положение кружочков на картинке?

Да, реально, для этого придумали проценты.
https://codepen.io/AnnaSummer/pen/QWQOvzy
https://codepen.io/AnnaSummer/pen/eYVeWXR

Answer 1

[Владимир Юрченков]

Реально ли, на любом устройстве сохранять правильное, "приклеенное" положение кружочков на картинке?

Да)

Answer 2

[Максим]

Можно воспользоваться SVG и любым векторным редактором
Или использовать html тег map

Answer 3

[Ренат]

Проще сделать круги из html тегов, например со стилем border-radius: 100px или больше и переместить с помощью стилей right left top bottom