<meta name="viewport" content="width=device-width, initial-scale=1" />
<section id="banner" class="bg-img">
<div class="inner">
<header>
<h1>everything's gonna be okay</h1>
</header>
</div>
</section>
@media screen and (max-width: 400px) {
#banner h1 {
font-size: 10vw;
background-color: green;
}
}
Teraz powinno być okay
Jeśli chcesz sprawdzić czy media działają możesz ustawić inny background-color lub color ...
Kod działa jak trafnie zauważył SzkolnyAdmin (zbyt duża czcionka)
Jeżeli Chodzi o devtools(firefox) W momencie kiedy zmniejszysz okno poniżej 400px(w Twoim przypadku) W inspektorze powinna się pojawić informacja odnośnie media i selektora na którym został uruchomiony.