Página de documentación técnica - Construye una página de documentación técnica

Español HTML-CSS
1

Cuéntanos qué está pasando:

Describe tu problema en detalle aquí.

No puedo encontrar el error " Debes tener el mismo número de elementos .nav-link y .main-section ."

Tu código hasta el momento

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Build a Technical Documentation Page</title>
<style>

</style>
</head>

<body class="body">

<div id="sideNav">
<nav id="navbar">
<header id="head" align="left"> JavaScript Documentation</header>

<ul>
<a class="nav-link" href="#Introduction"><li>Introduction</li>
      </a>
<a class="nav-link" href="#What_you_should_already_know"><li>What you should already know</li>
      </a>
<a class="nav-link" href="#JavaScript_and_Java"><li>JavaScript and Java</li>
      </a>
<a class="nav-link" href="#Hello_world"><li>Hello world</li>
      </a>
<a class="nav-link" href="#Variables"><li>Variables</li>
      </a>
<a class="nav-link" href="#Declaring_variables"><li>Declaring Variables</li>
      </a>
<a class="nav-link" href="#Variable_scope"><li>Variable scope</li>
      </a>
<a class="nav-link" href="#Global_variables"><li>Global variables</li>
      </a>
<a class="nav-link" href="#Constants"><li>Constants</li>
      </a>
<a class="nav-link" href="#Data_types"><li>Data types</li>
      </a>
<a class="nav-link" href="#if_else_statement"><li>if else statement</li>
      </a>
<a class="nav-link" href="#while_statement"><li>while statement</li>
      </a>
<a class="nav-link" href="#Function_declarations">
        <li>Function declarations</li>
      </a>
<a class="nav-link" href="#Reference"><li>Reference</li>
      </a>
      </ul>
</nav>

<main id="main-doc">

<section class="main section" id="Introduction">
    <header> Introduction</header>
    <p><code></code></p>
    <p><code></code></p>
  </section>

  <section class="main-section" id="What_you_should_already_know">
    <header> What you should already know</header>
    <p></p>
     <p><code></code></p>
  </section>

  <section class="main section" id="JavaScript_and_Java">
    <header> JavaScript and Java</header>
    <p></p>
     <p><code></code></p>
  </section>

  <section class="main-section" id="Hello_world">
    <header> Hello world</header>
    <p></p>
     <p><code></code></p>
  </section>

  <section class="main-section" id="Variables">
    <header> Variables</header>
    <p></p>
     <p><code></code></p>
  </section>

  <section class="main-section" id="Declaring_variables">
    <header> Declaring variables</header>
    <p></p>
     <p><code></code></p>
  </section>

  <section class="main-section" id="Variable_scope">
    <header> Variable scope</header>
    <p></p>
     <p><code></code></p>
  </section>

  <section class="main-section" id="Global_variables">
    <header> Global variables</header>
    <p></p>
     <p><code></code></p>
  </section>

  <section class="main-section" id="Constants">
    <header> Constants</header>
    <p></p>
     <p><code></code></p>
  </section>

  <section class="main-section" id="Data_types">
    <header> Data types</header>
     <p><code></code></p>
     <p></p>
    <ol>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      </ol>
  </section>

  <section class="main-section" id="if_else_statement">
    <header> if else statement</header>
    <p></p>
  </section>

  <section class="main-section" id="while_statement">
    <header> while statement</header>
    <p></p>
  </section>

  <section class="main-section" id="Function_declarations">
    <header> Function declarations</header>
    <p></p>
  </section>

  <section class="main-section" id="Reference">
    <header> Reference</header>
  </section>

</main>
</body>

</html>

/* file: styles.css */

Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36

Desafío: Página de documentación técnica - Construye una página de documentación técnica

Enlaza al desafío:

2

¡Hola!

@ alexruizista

Tienes estas dos lineas a las que les falta un guion en el nombre de la clase:

<section class="main section" id="Introduction">

<section class="main section" id="JavaScript_and_Java">

saludos

Ademas tienes esta linea en la que la palabra variables inicia con mayuscula, no afecta las pruebas pero en los demas casos inicia con minuscula.

<a class="nav-link" href="#Declaring_variables"><li>Declaring Variables</li> </a>
1 Like