Более приятный ход на мой взгляд - пользоваться шаблонизаторами. Хотя бы его зачатком типа gulp-file-include. Тогда поменять ссылки нужно будет только в одном месте.
В общем случае плагины типа fit text.
А в частных зависит от того за счет чего увеличивается блок.
Если размер блока зависит от вьюпорта, то и для текста можно использовать vw. Можно в сочетании с clamp, если у контейнера тоже есть ограничения.
Deita, вы спросили про практику. Фриланс это самая что ни на есть практика.
Если сложнее, то первое чему имеет смысл научиться (ну кроме гугла) это разбивать задачи на более мелкие и легкие.
Если навести мышку на ошибку, то редактор охотно расскажет в чем дело.
А дело в том, что свойству apperance уже довольно давно не нужны префиксы.
И ещё, хочу предложить вообще прочитать что написано в normalize и выкинуть оттуда то, что устарело уже очень давно. Файл станет заметно меньше.
1. Флексами (flex-direction или justify-content или margin-left: auto или....).
2. Абсолютами.
Первое лучше, чем второе, но нам не видно макета и что именно вы имеете в виду под зафиксировать.
А в вашем коде не видно даже намека на попытки про которые вы пишете, что они не получились.
и регулярка.
Более приятный ход на мой взгляд - пользоваться шаблонизаторами. Хотя бы его зачатком типа gulp-file-include. Тогда поменять ссылки нужно будет только в одном месте.