Issue with Media Query

HTML-CSS
1

I’m doing the lesson on the HTML/CSS course about media queries but whenever I submit, it tells me that none of my goals were completed. However, I can clearly see the results in my preview screen. I also watched the video regarding the solution and the code looks exactly the same as mine. I don’t know why it isn’t working, has anyone else had this issue?

My Code

<style>
p {
  font-size: 20px;
}

/* Only change code below this line */

@media (max-height: 800px) { 
  p {
    font-size: 10px;
  }
}

/* Only change code above this line */
</style>


  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.117 Safari/537.36

Challenge: Create a Media Query

Link to the challenge:

2

Your CSS is correct as it passes for me. My guess is you have some sort of browser extension that is messing with the styling and thus fooling the test.

3

I tried redoing the challenge in an incognito tab, where none of my browser extensions are enabled, but it’s still not working. It could be the extensions but I finished all of the other lessons and topics and none are them had this error.

4

I’d just let it go then. You have the correct CSS, that’s all that matters.

5

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