Я делаю курс для начинающих по HTML / CSS и работаю над очень простым проектом в codepen.Я использую загрузчик, чтобы сделать мою страницу мобильной с адаптивной поддержкой, и когда я уменьшаю размер окна в коде ручки, это кажется нормальным, но когда я получаю к нему доступ на своем мобильном телефоне, это не работает!Страница слишком широка для экрана.
Я прокомментировал подавляющее большинство своего кода, чтобы точно определить проблему, и теперь у меня остался только jumbotron, и он все еще не работает.
Вот ссылка на кодовый блок:
https://codepen.io/dave-bage/pen/Pedemz
А фактический код так же прост:
<div class="container-fluid">
<div class="jumbotron header">
<h1 class="text-center">Chester Bennington</h1>
<h2 class="text-center">A tribute to a true legend of rock</h2>
</div>
</div>
Единственный релевантный код CSS:
body {
background-color: rgb(168, 176, 191);
}
.header {
background-color: rgb(75, 85, 102);
color: rgb(208, 217, 232);
margin-top: 30px;
}
h1 {
font-size: 6em;
font-family: 'New Rocker', cursive;
}
h2 {
font-family: 'Rock Salt', cursive;
}
Куда я иду не так?