Learn CSS Grid by Building a Magazine - Step 80

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.

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.

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

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.