I think this lesson is glitchy

Tell us what’s happening:

Your p element should have an initial font-size of 20px when the device height is more than 800px.

Well, what the hell! The initial value is already set to 20px. How am I ever going to pass this lesson?

My code so far

p {
  font-size: 20px;

/* Only change code below this line */
@media (max-height: 800px) {
  p {
    font-size: 10px;
/* Only change code above this line */

My browser information:

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

Challenge: Create a Media Query

Link to the challenge:

your code is correct for that exercise, you should remember that the style is cascading by default it is 20px § when it goes through the media it will not take it into account.

Hello there. It seems there is a conflict with your browser and the tests. I notice you are using Edge on Windows 7. Either, make sure your browser does not have any conflicting browser extensions, upgrade to the latest stable version of Edge, or use a recent version of Chrome as this is the most compatible browser for the challenges.

Hope this helps

1 Like