Technical Documentation Page - Build a Technical Documentation Page

Getting error: Your Technical Documentation project should use at least one media query.
Describe your issue in detail here.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>

  <html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="styles.css" />
    <title>JS Documentation</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
  </head>
  <body>
    <main id="main-doc">
<section class="main-section" id="introduction">
<header>introduction</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section class="main-section" id="what_you_should_already_know">
<header>what you should already know</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section class="main-section" id="javascript_and_java">
<header>javascript and java</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section class="main-section" id="hello_world">
<header>hello world</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section class="main-section" id="variables">
<header>variables</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<nav id="navbar">
  <header>Javascript Documentation</header>
  <a class="nav-link" href="#introduction">introduction</a>
  <a class="nav-link" href="#what_you_should_already_know">what you should already know</a>
  <a class="nav-link" href="#javascript_and_java">javascript and java</a>
  <a class="nav-link" href="#hello_world">hello world</a>
  <a class="nav-link" href="#variables">variables</a>
</nav>

    </main>
    </body>
    
    </html>
/* file: styles.css */
body{
  margin: auto;
  font-size: 20px;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:107.0) Gecko/20100101 Firefox/107.0

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

In your styles.css you should have used a media query:

@media (max-width: 600px) {
  ...
}

This is to make your site responsive, you have given almost no styles to your page!

Thanks for the answer . It is working

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