"Create a Media Query" - Course problem

HTML-CSS
1

Tell us what’s happening:

(domain)/responsive-web-design/responsive-web-design-principles/create-a-media-query/

This course seems to have problem,
because， even after copy and paste the official answer from “Get a hint”，
i still can not make it pass the tests.

Your code so far


<style>
  p {
    font-size: 20px;
  }
  
  /* Add media query below */
  @media (max-height: 800px){ 
    p {
      font-size: 10px;
    }
  }
</style>
  


<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36.

Link to the challenge:
(domain)/responsive-web-design/responsive-web-design-principles/create-a-media-query/

2

since post url is forbidden at least for now,

i replace “learn。freecodecamp。org” as “(domain)”

sorry for the inconvenience

3

I make again the exercise works .
Copy & paste your code and works.
Continued with the next I check that is the answer :grinning:
Try another day (maybe are the OP)
User Agent is: Firefox Quantum 66.0.2 (64 bits) in Ubuntu

4

Thank you very much.

After trying so many enviroment combinations (OS and web browser)

finally， I find firefox is the remedy， not any OS, not IE, not maxthon, not even chrome.

5

That would be weird. I just did it in Chrome and it worked fine for me.
¯\_(ツ)_/¯
Always, easiest is to paste your code between ` marks or give a sandbox example.

I wouldn’t normally post the solution but mine seems exactly the same as yours and passes:

<style>
  p {
    font-size: 20px;
  }
  
  @media (max-height: 800px) {
    p {
      font-size: 10px;
    }
  }
  
</style>
6

Yes, weird enough.
Anyway, problem solved. thanks all.

If I must guess, I would say there may be two possible causes:

  1. web browser compatibility (i just download the newest version of firefox , and it do the trick.)

  2. network block issues due to china government’s notorious censor policy (i have to use shadowsocks to do the exercise)