Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
Describe your issue in detail here.

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>Introduction</header>
        <a class="nav-link" href="#Introduction">Introduction</a>
        <a class="nav-link" href="#What_you_should_know_already">What you should know already</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 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_know_already">
          <header>What you should know already</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>
      </main>
    </body>
  </html>
/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6.1 Safari/605.1.15

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

I have linked the styles.css but still cant complete the media query last step

I don’t see any code in your stylesheet?

there was never any instructions to create any style in styles.css… how do i know what to write there?

The “instruction” is in the image you showed. “… project should use at least one media query”.

And my earlier comment is, it seems your stylesheet is empty. Therefore if it is empty, you need to add a media query to it.

Hope this clarifies it.

1 Like

ok i remember the media query lesson.

1 Like

thank you

1 Like