Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.please what is not right, I keep getting this error message: 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)

Your code so far JavaScript_and_Java1<a class="nav-link"href=“https://javascript_and_java1.html” >JavaScript_and_Java1
<a class="nav-link"href=“https://javascript_and_java2.html”>JavaScript_and_Java2
<a class="nav-link"href=“https://javascript_and_java3.html”>JavaScript_and_Java3
<a class="nav-link"href=“https://javascript_and_java4.html” >JavaScript_and_Java4
<a class="nav-link"href=“https://javascript_and_java5.html” >JavaScript_and_Java5

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <html>
    <head><title>technical documentation</title>
    <main id="main-doc"><section class="main-section"id="JavaScript_and_Java1"><header>JavaScript_and_Java1</header><code></code><li></li><p></p><p></p></section>
    <section class="main-section"id="JavaScript_and_Java2"><header>JavaScript_and_Java2</header><code></code><li></li><p></p><p></p></section>
    <section class="main-section"id="JavaScript_and_Java3"><header>JavaScript_and_Java3</header><code></code><li></li><p></p><p></p></section>
    <section class="main-section"id="JavaScript_and_Java4"><header>JavaScript_and_Java4</header><code></code><li></li><p></p><p></p></section>
    <section class="main-section"id="JavaScript_and_Java5"><header>JavaScript_and_Java5</header><code></code><li></li><p></p><p></p></section></main>
    <meta charset="utf-8"><meta name="viewport"content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css"></head>
  <nav id="navbar"><header>JavaScript_and_Java1</header><a class="nav-link"href="https://javascript_and_java1.html" >JavaScript_and_Java1</a>
  <a class="nav-link"href="https://javascript_and_java2.html">JavaScript_and_Java2</a>
  <a class="nav-link"href="https://javascript_and_java3.html">JavaScript_and_Java3</a>
  <a class="nav-link"href="https://javascript_and_java4.html" >JavaScript_and_Java4</a>
 <a class="nav-link"href="https://javascript_and_java5.html" >JavaScript_and_Java5</a></nav>
    
  </html>

/* file: styles.css */
@media (max-width:1169px){#navbar{right: 0;}}

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

2

If you click on the nav-link element you should be linked to the corresponding ‘section’ element. Your nav-link elements lead to nonexistent HTML pages. Use # in your ‘href’ attributes and only the text, without https:// and extension:

<a class="nav-link" href="#javascript_and_java4" >JavaScript_and_Java4</a>
1 Like
3

You are simply amazing. Thank you.

1 Like