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 lang"en">
  <head> <link rel="stylesheet" href="styles.css"></head>
  <body>
    <main id="main-doc">
      <section class="main-section" id="Java">
        <header>Java</header>
        <nav id="navbar"><header>Java</header><a class="nav-link" href="#Java">Java</a></nav>
        <p></p>
        <p></p>
        <code></code>
        <li></li>
      </section>
      <section id="Kotlin" class="main-section">
        <header>Kotlin</header>
        <nav id="navbar"><header>Kotlin</header><a class="nav-link" href="#Kotlin">Kotlin</a></nav>
        <p></p>
        <p></p>
        <li></li>
        <code></code>
      </section>
      <section id="CPPM" class="main-section">
        <header>CPPM</header>
        <nav id="navbar"><header>CPPM</header><a class="nav-link" href="#CPPM">CPPM</a></nav>
        <p></p>
        <li></li>
        <p></p>
        <code></code>
      </section>
      <section id="IOT" class="main-section">
        <header>IOT</header>
        <nav id="navbar"><header>IOT</header><a class="nav-link" href="#IOT">IOT</a></nav>
        <p></p>
        <li></li>
        <p></p>
        <code></code>
      </section>
      <section id="UNIX" class="main-section">
        <header>UNIX</header>

        <nav id="navbar"><header>UNIX</header><a class="nav-link" href="#UNIX">UNIX</a></nav>
        <p></p>
        <li></li>
        <p></p>
        <code></code>
      </section>
      <media></media>
    </main>
  </body>
  </html>

/* file: styles.css */
@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

2

You have multiple nav elements with the id of navbar. You can’t do that. Ids need to be unique, so only only one nav element should have the id of navbar. You’ll need to change the others to something else.

But really, you should only have one nav element and all of the nav links should go in that one nav element.

3

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