Почему в React приложении header и footer при изменении ширины браузера/девайса обрезаются?

Question

[75db77]

у меня есть header на всю ширину:

Хотел посмотреть как мое приложение выглядит на смартфоне и вот так почему-то уменьшается header:

С footer та же проблема....
html:
<div className="header"> </div>
с таким сss:

.header {
  overflow: hidden;
  background: green;
  box-shadow: 0 0 15px rgba(0,0,0,0.5);
  width:100%;
}

В чем проблема? Как исправить? Только в React такую проблему встречал...

Comments

[Rustam Bainazarov]

А проблемный код нужно спросить у кого-то другого? Или доступен только по СМС на короткий номер, наверное.

[75db77]

Рустам Байназаров, есть хедер:
<div className="header"> </div>
с таким сss:

.header {
  overflow: hidden;
  background: green;
  box-shadow: 0 0 15px rgba(0,0,0,0.5);
  width:100%;
}

Вам чем-то данная информация помогла?

[Павел Диденко]

Выложите свой пример в песочницу, весь код страницы. На кофейной гуще никто гадать не будет

[Mikhail Rerberg]

Вы создавали приложение с помощью какого-то готового шаблона?