I created a media query but it tells me that i still need one!?

Tell us what’s happening:
Describe your issue in detail here.
I created already the media query but freecodecamp tells me that I still need one. I do not know what to do .
please help!!!

  **Your code so far**
\ file: <nav id="navbar">
<ul>
<li><a href="#welcome-section">Welcome section</a></li>
<li><a href="projects">Projects</a></li>
  </ul>
</nav>
<div id="welcome-section">
<h1>Juliette Gensel</h1>
</div>
<div id="projects">       
<div class="project-tile"><a href="https://codepen.io/juliette-gensel/pen/gOxrYzo">Build a Tribute Page</a></div>
</div>

<footer><a id="profile-link" target="_blank" href="https://codepen.io/juliette-gensel">Profile Page</a>
</footer>
<nav id="navbar">
<ul>
<li><a href="#welcome-section">Welcome section</a></li>
<li><a href="projects">Projects</a></li>
  </ul>
</nav>
<div id="welcome-section">
<h1>Juliette Gensel</h1>
</div>
<div id="projects">       
<div class="project-tile"><a href="https://codepen.io/juliette-gensel/pen/gOxrYzo">Build a Tribute Page</a></div>
</div>

<footer><a id="profile-link" target="_blank" href="https://codepen.io/juliette-gensel">Profile Page</a>
</footer>
\ file: #navbar {
position: fixed;
top: 0;
}

#welcome-section {
height: 100vh;
}

@media (max-width: 768px) {
body {   background-color: orange;
}
}
#navbar {
position: fixed;
top: 0;
}

#welcome-section {
height: 100vh;
}

@media (max-width: 768px) {
body {   background-color: orange;
}
}
  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14469.58.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.86 Safari/537.36

Challenge: Build a Personal Portfolio Webpage

Link to the challenge:

You have to link to the CSS in the HTML.

<link rel="stylesheet" href="styles.css" />