Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:

I’m blocked at this step.
I can’t seem to find the issue
I started over again but it doesn’t seem to resolve my issue
Can I get some help please.

Your code so far

WARNING
here is the error message that is diplayed

  • Each .nav-link should have text that corresponds to the header text of its related section (e.g. if you have a “Hello world” section/header, your #navbar should have a .nav-link which has the text “Hello world”).

  • Failed: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).


<main id="main-doc">
  <link rel="stylesheet" href="./styles.css">
  <nav id="navbar">
      <header>JS Documentation</header>
      <a class="nav-link" href="#Introduction"> Introduction </a>
      <a class="nav-link" href="#What_You_should_already_know"> What you should already know </a>
      <a class="nav-link" href="#Java_Script_and_Java" > JavaScript and Java </a>
      <a class="nav-link" href="#Hello_World"> Hello World </a>
      <a class="nav-link" href="#Variables"> Variables </a>
      <a class="nav-link" href="#Declaring_Variables"> Declaring Variable </a>
      <a class="nav-link" href="#Variable_Scope"> Variable Scope </a>
      <a class="nav-link" href="#Function_Declaration"> Function Declaration </a>
      <a class="nav-link" href="#Constants"> Constants </a>
      <a class="nav-link" href="#Data_types"> Data Types </a>
      <a class="nav-link" href="#if...else_statement"> if...else statement </a>
      <a class="nav-link" href="#While_statement"> While statement </a>
      <a class="nav-link" href="#Function_declaration"> Function declaration </a>
      <a class="nav-link" href="#Reference"> Reference </a>

Your browser information:

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

Challenge Information:

Technical Documentation Page - Build a Technical Documentation Page

2

Each .nav-link should have text that corresponds to the header text of its related section.
you dont have sections in your code?
How to create links to sections within the same page in HTML ?

3

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