Почему при просмотре с мобильных и при приближении фон хедера обрезается и само меню немного сдвигается вправо?

Question

[JustStone]

Верстаю свой первый сайт и возникла проблема с хедером, фон хедера обрезается при просмотре с мобильных, само меню сдвигается вправо и появляется скролл. Пробовал исправлять сам, у меня получилось что хедер оставался по центру, изменял свой размер и фон не обрезался (пробовал менять max,min width) но user panel (Жёлтый блок) скатывался вниз под меню навигации и не держался на одной линией с навом. Скинул версию кода до моих исправлений.

https://codepen.io/JustStone/pen/NeQOZq

Comments

[Alexander]

Что в итоге должно получиться? Скиньне изображением.

[Mikhail Rerberg]

Вы задали header__container фиксированную ширину. Уберите ее и скролл пропадет

Answer 1

[Araya]

У Контейнера фиксированная ширина, она всегда будет такой. Дайте ему 100% как вариант

Answer 2

[Lev]

Советую посмотреть в сторону flexbox и медиа-запросов (@media only screen and())