Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

I don’t know what I’m doing wrong it’s asking me to have at least five li elements that are descendants of .main-section elements. I tried making them five and still did not work. I don’t know what I’m doing wrong please help.

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

<nav id="navbar">
    <header>Python Documentation Page
    </header>
    <ul class="navul">
      <li>
        <a class="nav-link" href="#Output">Output</a>
      </li>
      <li>
        <a class="nav-link" href="#Input">Input</a>
      </li>
      <li>
        <a class="nav-link" href="#Comments">Comments</a>
      </li>
      <li>
        <a class="nav-link" href="#Variables">Variables</a>
      </li>
      <li>
        <a class="nav-link" href="#String_Operations">String Operations</a>
      </li>
      <li>
        <a class="nav-link" href="#Arithmetic_and_Mathematics">Arithmetic and Mathematics</a>
      </li>
      <li>
        <a class="nav-link" href="#Comparison_and_Logical_Operators">Comparison and Logical Operators</a>
      </li>
      <li>
        <a class="nav-link" href="#Data_Types_and_Conversions">Data Types and Conversions</a>
      </li>
      <li>
        <a class="nav-link" href="#For_Loops">For Loops</a>
      </li>
      <li>
        <a class="nav-link" href="#If_Statements">If Statements</a>
      </li>
      <li>
        <a class="nav-link" href="#Reference">Reference</a>
      </li>
    </ul>
  </nav>

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

1 Like
2

Step 7: The .main-section elements should contain at least five li items total (not each)

Your <ul> elements containing the <li> is a child of the<nav> and not of a <section> with a class of “main-section”.

2 Likes
3

As mentioned by @ooDanieloo the li parent is < nav>.

To make elements a child of a parent element, they must be nested within that element.

For example:

< parent element>

< child first>< /child>
< child second>< /child>
< new- child first >< / new-child>

< / closing parent element>

All three of the above are children of the parent element.

Hope this helps.

Happy coding!

1 Like
6

Now it’s asking me to Each have .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. I don’t know what to do from there.

7

Nevermind, It worked! Thanks alot!

1 Like
8

You also helped, thank you so much!

1 Like
9

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