Trouble with @media

HTML-CSS
1

On the last HTML certification project and for whatever reason the @media querys are the only thing that trips me up. i have no idea what im doing wrong, to me, there are no errors but obviously thats not the case. the @media query is the only thing keeping me from passing. please help, thanks.

/* file: index.html */
<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>Joickson</h1>
</div>
<div id="projects">
<div class="project-tile"><a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-tribute-page-project/build-a-tribute-page">Build a tribute page</a></div>
</div>
<footer><a target="_blank" href="https://www.freecodecamp.org/fccc47645bd-99de-4114-b3b1-295e7594e319" id="profile-link">Profile Page</a></footer>


/* file: styles.css */
#welcome-section {height: 100vh;}
@media (max-width: 600px) {
h1 {
  background-color: lightblue;
}
}

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Challenge: Build a Personal Portfolio Webpage

Link to the challenge:

2

How are you linking the css to your html?

3

Cannot believe it was something that simple. thank you so much!

4

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