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