Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:
I’ve been working on this error for a few days now and could use some help… I am getting the following error…" 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”)."

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.

 <div class="navbar">
      <nav id="navbar">
        <header><h3>How to build your home</h3></header>

        <ul>

        <li><a class="nav-link"  href="#Climate_Considerations"> <b>Climate Considerations</b></a></li>
        <li><a class="nav-link"  href="#Expected_Cost"> <b>Expected Cost</b></a></li>
        <li><a class="nav-link"  href="#Construction_Timeline"><b>Construction Timline</b></a></li>
        <li><a class="nav-link"  href="#Helpful_Tips"><b>Helpful Tips</b></a></li>
        <li><a class="nav-link"  href="#Become_an_Okie"><b>Become an Okie</b></a></li>

        </ul>
        
      </nav>
    </div>

<main id="main-doc">
    
    <section class="main-section" id="Climate_Considerations">
      <header><h2>Climate Considerations</h2></header>
    <p></p>

</section>

    
    <section class="main-section" id="Expected_Cost">
      <header><h2>Expected Cost</h2></header>
      <p></p>
      <p></p>
    </section>
    
    
    <section class="main-section" id="Construction_Timeline">      
      <header><h2>Construction Timeline</h2></header>
    <p></p>

    
    <section class="main-section" id="Helpful_Tips">
      <header><h2>Helpful Tips</h2></header>
    <p></p>
    </section>

    
    <section class="main-section" id="Become_an_Okie">
      <header><h2>Become an Okie</h2></header>
    <p></p></section>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

2

does removing the extra space character before the <b> help?

3

No it doesn’t unfortunately:/

4

maybe try removing the <b> entirely just to see if that passes the test then

5

No that didn’t work either.

6

found it!

Typo in Timeline !!!
(you wrote Timline)

1 Like
7

WOW thank you so much! had a “bang head here” moment.

1 Like
8

no worries! that’s why there’s a forum!

9

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