Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
Hello! I am getting the feedback of “Your Technical Documentation project should use at least one media query.”. I have already added so I was wonder if there was anything else that I did wrong? I have also retyped it out and copied and pasted from the instructions and it still does not work. Any guidance would be most helpful!!

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
  <head>
    <title>JavaScript Documentation</title>
    <link rel="stylesheet" href="styles.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
  <nav id="navbar">
    <header>JS Documentation</header>
    <a class="nav-link" href="#Introduction">Introduction</a>
    <a class="nav-link" href="#a">a</a>
    <a class="nav-link" href="#b">b</a>
    <a class="nav-link" href="#c">c</a>
    <a class="nav-link" href="#d">d</a>
  </nav>
 
  <main id="main-doc">
    <section class="main-section" id="Introduction">
      <header>Introduction</header>
        <p></p>
        <p></p>
        <li></li>
    </section>
    
    <section class="main-section" id="a">
      <header>a</header>
        <p></p>
        <p></p>
        <li></li>
    </section>
  
    <section class="main-section"id="b">
      <header>b</header>
        <p></p>
        <p></p>
        <li></li>
    </section>
   
    <section class="main-section" id="c">
      <header>c</header>
        <p></p>
        <p></p>
        <code></code>
        <code></code>
        <code></code>
        <code></code>
        <code></code>
        <li></li>
    </section>
   
    <section class="main-section" id="d">
      <header>d</header>
      <p></p>
      <p></p>
      <li></li>
    </section>

  </main>
  </body>

  </hmtl>
/* file: styles.css */
header{
 color:black; 
}

*{
  margin:0;
  padding:0;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

Welcome to our community!

You don’t have any media query in the css file.
Check your html code firstly:

Thank you so so much! (both the welcome and the feedback)

Also the website you sent was very helpful as well!

1 Like

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