Can anyone tell me why this code isn't working?

#1

The instructions are:
“Add a media query, so that the p tag has a font-size of 10px when the device’s height is less than or equal to 800px.”

I’ve come up with the following code:
@media (max-height: 800px){
p {
font-size: 10px;
}
}

This seems to be the solution that most people have come up with, but FCC isn’t accepting it. What am I doing wrong?

image
image1326×627 56.1 KB

#2

I copy-pasted your code and works fine to me^^
Have you tried to use another browser?

P.S.
To include the link of the challenge improve the chances you get help^^

1 Like
#3

Are you by any chance using Edge, IE, or Safari as your browser? Free Code Camp has been updated to use newer technologies. It makes the application much faster and it means that we can go much longer without having to do a huge migration like the recent one. However, Edge, Internet Explorer, and Safari are very bad about choosing not to adhere to standards and support new functionality in JS and CSS. Right now, that means that these browsers exhibit lots of unexpected behavior. If you become a web developer you will come to hate these browsers with every fiber of your being.

1 Like
#4

I actually use Opera right now. I already hate those browsers don’t worry lmao. I’ll try Firefox or Chrome for this set of challenges and see if it works, thanks!

#5

I was using Opera and I just tried it in Firefox and it worked. Thanks a lot!!

P.S. Thanks for that tip :relaxed:

1 Like
#6

So it seems that the technology that is being used doesn’t work in Edge, IE, Safari and Opera… maybe the lesson that we’ve learnt is to avoid using a tech that only works only in one browser ? :smiley:

#7