Я бы немножко уточнила для спрашивающего. Что это не потому, что серый для * перебил ваш синий у класса.
А потому что поверх блока .title лежит p, а для него сработал серый фон от звездочки.
создавать медиа запросы на 375px и в нём ставить 48px
Либо так.
Либо пересчитать в vw и использовать функцию clamp (или её вариации min и max) (это функция css) для плавного изменения.
Какой путь выбрать зависит от того, как перестраивается всё остальное. Если прыжками, то в clamp нет смысла и даже будет плохо. А если резина, то очень даже.
Во-первых, банальный бэкап. В том числе и во время разработки. Думаю, что вам жалко времени, даже если катастрофа наступила, когда вы успели потратить на работу всего час.
Во-вторых, все остальные функции гита: контроль версий, ветки для фич и т.д.
1. Проверять meta viewport
2. Обводить элементы и псевдоэлементы полупрозрачными рамочками (outline и соответствующий отрицательный outline-offset), смотреть какой элемент выпирает и разбираться с его стилями.
*перебил ваш синий у класса.А потому что поверх блока .title лежит
p, а для него сработал серый фон от звездочки.