Failed freecodecamp certification test copied from codepen good test

Hi, I made the [Portfolio] page. Test was good,
but when I copied code to Run the Test page for certification I got this:
Your portfolio should use at least one media query.
Your #navbar element should always be at the top of the viewport.
Who knows what a problem? https://codepen.io/YBG/pen/GRQNyEZ
Thanks

I’m getting the same problem with media query on my technical documentation page even tho I used 2 media queries already. It’s the only one I need to pass all user stories in my project.

On codepen it works but on the freecodecamp editor I can’t get past it.

The new Responsive Web Design curriculum content has been released.

FAQ:

  1. Can I complete the old content?
  • Yes. The old content is still available, and has been moved to the bottom of the curriculum map and renamed to Responsive Web Design Legacy
  1. What will happen to my progress?
  • Nothing. Your past progress will still be available in the Responsive Web Design Legacy curricula
  1. Can I claim the old certificate?
  • The certifications are exactly the same. All you need to claim a certificate is to complete the 5 Certification Projects which are identical for both the Responsive Web Design and Responsive Web Design Legacy curricula
  1. Should I stop doing the legacy content, and just start over with the new content?
  • This is entirely up to you. Majority of the topics are the same - just taught in a different way. (See Project-Based Curricula)
  1. How do I use the new editor?
  • The new editor is as close to an external text editor as we wanted to get it. If the files for the challenge have been enabled, you can access the index.html and styles.css tabs which you should use for the respective code.
  • Two main differences between this editor and other online editors:
    • You need to link your styles.css file to your HTML (just like you would in real web-development), by adding the following line to the head of your HTML:
<link href="styles.css" />
    • You are encouraged to include the DOCTYPE, html, head and body tags for each project.

Grazie mille, Ilenia! you make my day!