Learn CSS Grid by Building a Magazine - Step 80

HTML-CSS
1

hey guys,
Im so confused and don’t know what’s wrong with the code,
any help?

That’s my code:

@media only screen and (max-width: 420px){
.hero-title{
font-size:4.5rem;
}
}

and that’s the error it gives me:

You should have a new @media query for only screen and (max-width: 420px) . This should be the last query in the @media query list.

2

I ran the same code in my console, it works. maybe you’ve added something in other media queries in your code. it says you should have a new media query. check your code once.

3

I opened it in another browser and it worked, thanks. :blush: