Как сделать,чтобы масштаб картинки и текста одновременно изменялись?

Question

[np_1_1]

Привет! Начал делать и возник вопрос: что нужно сделать, чтобы масштаб картинки и текста одновременно изменялись?
Первая картинка-исходник,вторая-макет при масштабе 100%, третья -при масштабе 125% и текст съехал уже. Вот как сделать,чтобы текст не съезжал,а был зафиксирован.

Answer 1

[Александр Лысенко]

Нужно его адаптировать. Используйте rem для размера шрифта. + использовать медиа запросы, к примеру минимальная ширина окна 1200 px используете 1.5rem для этого текста, при размере окна менше чем в 1200px используете 1.2 rem.

Вот можете почитать это
https://academy.bindtuning.com/fluid-type-for-resp...
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp