Каким способом сделать цену адаптивной?

Question

[Norwood]

Как лучше сделать цену 35? Звезду сделать background, а 35 after и pos: absolut? Или же в html картинкой разместить? Может есть варианты другие?
Предварительно сделал так, но как сделать, что бы фон с текстом не разъезжались?
https://codepen.io/menist/pen/zYPqJxB?editors=1100

Answer 1

[Anonymous Penguin]

В хтмл размести непосредственно цену, а звезду сделай через фон в css. Потому что цена может измениться, да и для SEO и ацесиблити лучше сделать текстом

Comments

[Norwood]

А как тогда спозиционировать их? При сжатии под планшеты и мобильные?

[Anonymous Penguin]

Norwood, смотря какая у тебя верстка. Вариантов может быть куча, и что у тебя - я не знаю. Я ведь не телепат

[Norwood]

Anonymous Penguin, вот так сделал, но естественно при сжатии всё "разваливается", как собственно сделать фон и цену вместе?

https://codepen.io/menist/pen/zYPqJxB?editors=1100