Hello!
I’ve faced a problem with tests in the task Responsive Web Design Principles - MediaQuery.
I’ve tried everything, my solution is
@media (max-height: 800px) {
p {
font-size: 10px;
}
}
But tests won’t work. Sometimes the first one " You should declare a @media query for devices with a height less than or equal to 800px ." is set to correct, but others don’t. And after refreshing the first one turns to wrong again. Please, check if the tests work correctly.
Thank you!
Hello and welcome!
Please try the @media query like the following:
@media screen and (max-height: 800px){
<!-- your code comes here-->
}
Also, put your @media query on last position in your CSS code.
Hope this helps.
@Arskeliss This is for an fCC challenge.
@KseniyaMirosha I tested it in Chrome and Firefox and it worked just fine.
What browser are you using? Did you try in a different browser?
You can also try resetting the challenge, clear the cache and try it again.
HI @KseniyaMirosha !
Welcome to the forum!
In the future, it is always best to include your full code with the challenge link.
For future posts, you can use the Ask for Help Button.
I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).
It won’t work in Chrome. I’ve just tried at my phone and it works!
idk what’s wrong with Chrome on my laptop 
I use an ordinary Chrome, but it doesn’t work
Just tested on my phone and the challenge is completed 
idk what’s wrong, I’m sure that the code is correct, cause I had an experince in front-end
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.
