Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:
Problem: Each .nav-link should have an href attribute that links to its corresponding .main-section (e.g. If you click on a .nav-link element that contains the text “Hello world”, the page navigates to a section element with that id).

To my knowledge, I have done what this tasked has asked of me. I am unsure on any changes I could potentially make. Any assistance would be much appreciated.

Your code so far

<!-- file: index.html -->
<!doctype html>
<link rel="stylesheet" href="stlyes.css">
<main id="main-doc">
  <section class="main-section" id="header_1"><header>Header 1</header><code></code><li></li><p></p><p></p></section>
  <section class="main-section" id="header_2"><header>Header 2</header><code></code><li></li><p></p><p></p></section>
  <section class="main-section" id="header_3"><header>Header 3</header><code></code><li></li><p></p><p></p></section>
  <section class="main-section" id="header_4"><header>Header 4</header><code></code><li></li><p></p><p></p></section>
  <section class="main-section" id="header_5"><header>Header 5</header><code></code><li></li><p></p><p></p></section>
  <nav id="navbar">
    <header>
  <a class="nav-link" href="header_1">Header 1</a>
  <a class="nav-link" href="header_2">Header 2</a>
  <a class="nav-link" href="header_3">Header 3</a>
  <a class="nav-link" href="header_4">Header 4</a>
  <a class="nav-link" href="header_5">Header 5</a>
  </header>
  </nav>
  

</main>

/* file: styles.css */

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

2

Do you have elements with the id provided in the href attribute?
Also you should be using # before the name of the id.

3

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