Почему не адаптируется текст?

Question

[Дмитрий]

Хочу адаптировать текст: указал значение в em. Медиа-запросы почему-то тоже не работают - при уменьшении экрана отъезжает шапка.
Код приложил: Сodepen.

Comments

[WapSter]

Все там адаптируется.

[Дмитрий]

WapSter, почему то у меня всё выглядит так

[WapSter]

Дмитрий Кузьмищев, он становится меньше в зависимости от разрешения. Что тебе еще нужно?

[Дмитрий]

WapSter, Шапка то изи за него едет, без него всё ок

[WapSter]

Дмитрий Кузьмищев, ты можешь говорить по русский, я же его выучил и вроде нормально на нем говорю, но тебя не понимаю.

Текст в самом начале страницы под шапкой

на нем срабатывают медиа запросы. Если ты про, то что указал ширину блоку в em, то этого вообще не следует делать. Стоит почитать как работает em. Ты задал font-size 0.8em так как у html fz 16, а у body 1rem (16px), 0.8 это 12.8px, ширина 37em (37*12.8 = 473.6px)

[Дмитрий]

WapSter, текст под шапкой говорю

8 млн россиян делают...

Из за него шапка куда то едет. Без него всё ок.

Про em, окей, понял

[WapSter]

Дмитрий Кузьмищев, обновил коммент.

Answer 1

[Машка]

Где не работают медиа? В хроме всё ок.
Шапка едет, так как почта - это инлайн блок, а название - флекс. Размеры блоков не указаны.