Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

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:

image
image1920×1334 194 KB

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

2

I don’t see any code in your stylesheet?

3

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

4

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
5

ok i remember the media query lesson.

1 Like
6

thank you

image
image1920×1334 120 KB

1 Like
7

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