Build a Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:

kindly help me look at that last part and tell me what to do im totally confused

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Technical Documentation Page</title>
    <link rel="stylesheet" href="styles-css"/>
    
  </head>

  <body>
  <nav id="navbar">
  <header>JavaScript Docs</header>

  <a class="nav-link" href="#Introduction">Introduction</a>
  <a class="nav-link" href="#Variables">Variables</a>
  <a class="nav-link" href="#Functions">Functions</a>
  <a class="nav-link" href="#Loops">Loops</a>
  <a class="nav-link" href="#Arrays">Arrays</a>
</nav>

<main id="main-doc">

  <section class="main-section" id="Introduction">
    <header>Introduction</header>
    <p>JavaScript is a programming language.</p>
    <p>It runs in the browser.</p>
    <code>console.log("Hello world");</code>
    <ul>
      <li>Easy to learn</li>
      <li>Powerful</li>
    </ul>
  </section>

  <section class="main-section" id="Variables">
    <header>Variables</header>
    <p>Variables store data.</p>
    <p>You can use let or const.</p>
    <code>let name = "John";</code>
    <ul>
      <li>let</li>
      <li>const</li>
    </ul>
  </section>

  <section class="main-section" id="Functions">
    <header>Functions</header>
    <p>Functions run reusable code.</p>
    <p>They help organization.</p>
    <code>function test() {}</code>
    <ul>
      <li>Reusable</li>
    </ul>
  </section>

  <section class="main-section" id="Loops">
    <header>Loops</header>
    <p>Loops repeat actions.</p>
    <p>For loops are common.</p>
    <code>for(let i=0;i&lt;5;i++) {}</code>
    <ul>
      <li>for loop</li>
    </ul>
  </section>

  <section class="main-section" id="Arrays">
    <header>Arrays</header>
    <p>Arrays store lists.</p>
    <p>They use indexes.</p>
    <code>let arr = [1,2,3];</code>
    <ul>
      <li>Index based</li>
    </ul>
  </section>

</main>

  
  </body>
  </html>

/* file: styles.css */
@media (max-width: 768px) {
  #navbar {
    position: static;
    width: 100%;
    height: auto;
  }

  #main-doc {
    margin-left: 0;
  }
}

Your browser information:

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

Challenge Information:

Build a Technical Documentation Page - Build a Technical Documentation Page

2

Is that the name of your stylesheet?

1 Like
3

yes, that’s the name of my stylesheet

4

have passed it alredy after look at the question you asked me and i discover that i did a mistake while writen the stylesheet name thank you

5

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