Help with Build a Technical Documentation Page

HTML-CSS
1

Good evening. I have a proble with next requirement:
Each .main-section should have an id that matches the text of its first child, having any spaces in the child’s text replaced with underscores ( _ ) for the id’s

My Code

<li>

  <a class="nav-link" href="#Introduccion"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Introducción</font></font></a>

</li>

<li>

  <a class="nav-link" href="#Hola_Mundo"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Hola Mundo</font></font></a>

</li>

<li>

  <a class="nav-link" href="#Comentarios"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Comentarios</font></font></a>

</li>

<li>

  <a class="nav-link" href="#Variables"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Variables</font></font></a>

</li>

<li>

  <a class="nav-link" href="#Declaracion_Variables"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Declaración de Variables</font></font></a>

</li>

<li>

  <a class="nav-link" href="#Constantes"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Constantes</font></font></a>

</li>

<li>

  <a class="nav-link" href="#Identacion"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Identación</font></font></a>

</li>

<li>

  <a class="nav-link" href="#Funciones"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Funciones</font></font></a>

</li>

<li>

  <a class="nav-link" href="#Referencias"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Referencias</font></font></a>

</li>

Captura
Captura776×602 53 KB

2

You are missing these two steps:

3.The first element within each .main-section should be a header element, which contains text that describes the topic of that section.
4. Each section element with the class of main-section should also have an id that corresponds with the text of each header contained within it. Any spaces should be replaced with underscores (e.g. The section that contains the header “JavaScript and Java” should have a corresponding id="JavaScript_and_Java" )

An example would be:

<section class="main-section" id="Example_Header">
  <header>Example Header</header>
</section>
3

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