Как сверстать выносные элементы?

Question

[ketov]

Верстка адаптированная

Answer 1

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

<img src="/url/to/img.jpg">
Если есть причины, почему этот вариант не подходит, потрудитесь подробнее обозначить проблему

Comments

[ketov]

Во-первых, я не хотел бы использовать этот вариант, потому что текст будет сжиматься при уменьшении экрана.
Во-вторых, когда я начал верстать этот элемент, то у меня появились сомнения, правильно ли я делаю, что просто вставляю картинку. Исходя из вашего комментария я понял, что это нормальная практика, и такие блоки так и верстают. Спасибо.

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

ketov: Есть много способов, если надписи должны быть активными, проще сделать их ссылками с абсолютным позиционированием, при этом иконка в общем релятивном блоки и на бэкграунде, а у ссылок на back картинки с оранжевыми коннекторами.
Можно с помощью svg сделать, это сложнее, но универсальнее и будет индексироваться текст.
так что все зависит от задачи.

[ketov]

Максим, спасибо.