Create a Media Query "p" element

HTML-CSS
21

Here is Your solution, try this

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

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.

4 Likes
22

Hm, that is strange, may be a glich.

If you copy-pasted the code from ā€œsolutionā€ and it is not working, something else must be a problem.

Things to check: is your browser updated, are there any running extensions?
Dark mode can interfere, for example.

23

Hi,
I was stuck exactly as you! There is certainly a glitch, because I tried more times, with the solution code and it didnā€™t work. But after resetting the code 2 or 3 times it worked!
Weirdā€¦
code used:
@media (max-height: 800px) {
p{
font-size: 10px;
}
}

24 
p {

    font-size: 20px;

  }

  /* Only change code below this line */

 @media(max-height: 800px){

  p {

    font-size: 10px;

  }

}
25

yes your missing two backets to your @media

26

Hi @mc2cavalier04 !

Welcome to the forum!

This post has already been marked as solved.
But also, we donā€™t encourage people to hand out solutions.
It is better to provide hints to the OP with their problem.

27

I already got the answer right so doing this didnā€™t work for meā€¦I had to come out of the question and sign in again on a different browser(Edge) for it to work for me. Then go back to using firefox on the next lesson.

28

same problem, I can"t pass this challengeā€¦ : (

29

I had same problem, For me this problem was due to Ad-blocker, After disabling it, I was able to Run all the tests successfully.

1 Like
30

@i.m.programming, if youā€™re having an issueā€¦

If you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

31

Ok, Iā€™ll do it,
thank you too.

32

I did it, but when i click on the button ā€œCreate a help post on the forumā€
it doesnā€™t do anythingā€¦

33

Can you expand on ā€œdoesnā€™t do anything?ā€

Which browser are you using? Have you tried a different one?
Sometimes clearing cache helps.

34

doesnā€™t do anything, means that the pop up window closes, but it don"t create any help post on the forum.
iā€™m using Google Chrome, Version 67.0.3396.87 (Official Build) (64-bit).

35

I tried from another computer(newer) with google chrome but the latest version( version 91.0.4472.114 (official build)(64-bit).
and it works.
thank you for your suggestion!

36

@i.m.programming, yeah, that was an old version.
Good to hear you got it to work.

37

Thank you! This worked for me

38

/* I too tried numerous times on chrome and finally got it.
Please find the solution, It may be helpful: @ isabellacroydon*/

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

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

Media query

Media query
Media query1363Ɨ695 93.3 KB

39

Hi @sat1sh !

Welcome to the forum!

This post has already been marked as solved.
Also, I have added spoiler tags around your code.