Stuck on Technical Documentation with Media Queries

Hello dear people,
I am trying to complete my responsive web certificate.
Unfortunately I am stuck with the last instruction about media queries.
This is my code:

@media (min-width: 50em) {
  p {
    float: right;
    width: 50%;
  }
}

This is the instruction:

    1. My Technical Documentation page should use at least one media query.*

Link to the challenge:

edit
the code works fine and i added a similar, second line to it so I have at least two media queries.
here is the link to my code pen:
https://codepen.io/bothworlds/pen/oNBpvxG

Hi @delia.alten !

Welcome to the forum!

I was able to pass all of the tests using just your first media query listed

 @media max-width(720px){
    p {
      display: none;
    }
    
  }

Hey @jwilkins.oboe ! Thanks for the quick reply,
I think i am missing something here. For me it doesn’t work:

Will try to restart the challenge. Maybe that helps :slight_smile:

edit
restarting helped.

Oh I missed this earlier.

Usually you would write it like this

  @media (max-width:720px){
    p {
      display: none;
    }
    
  }

For some reason it still passed for me the other way you wrote it but try it this way.

1 Like

Ah yeah, thats why I added the other lines of code.
I have seen both kinds now.
After restarting the exercise and copy-pasting the same code I finally passed.
Thank you for your help!

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