Technical Documentation Page - Build a Technical Documentation Page

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Your code so far

<DOCTYPE html/>
<html lang="en">
  <header>
    <link rel="stylesheet" href="styles.css" type="text/css"
  </header>
  <body>
    <header>JS Documentation</header>
    <nav id="navbar">
      <header>Menu</header>
    <ul>
      <li> <a class="nav-link" href="#hello_world">hello world</a></li>
      <li> <a class="nav-link" href="#variables">variables</a></li>
      <li><a class="nav-link" href="#declarando_variables">declarando variables</a></li>
      <li><a class="nav-link" href="#tipos_de_variables">tipos de variables</a></li>
      <li><a class="nav-link" href="my_cars">my cars</a></li>

 <section class="main-section" id="hello_world">
<header>hello world</header>
<section class="main-section" id="variables">
<header>variables</header>
<section class="main-section" id="declarando_variables">
        <header>declarando variables</header>
 <section class="main-section" id="tipos_de_variables">
        <header>tipos de variables</header>
<section class="main-section" id="my_cars">
        <header>my cars</header>

I put the code like that to not show all the code.

By the way, when I click the last href this message appears from the page
image

Sorry I delete the text where I explain the problem.

The problem is when I match all the hrefs with the ids, the challege are not ready to finish, so, I can´t understand where is the problem and why I can´t continue
image

here is one place that is missing the # symbol in the href

It is good to go over everything again to make sure it is what is expected.

1 Like

Thanks! that was the problem.

1 Like