Technical Documentaiton page Step 12

HTML-CSS
1

Hi everyone, I’m having trouble with step 12: Each element with the class of nav-link should contain text that corresponds to the header text within each section (e.g. if you have a “Hello world” section/header, your navbar should have an element which contains the text “Hello world”)

I have checked that my href and ID match exactly, including spelling and case, and that my ID’s have no spaces in them and were replaced by underscores. (My hrefs truly all have the opening quotation mark, but to get around an error that I can only have 1 link, I deleted the beginning quote - not sure how to post otherwise. Thanks for any help!

`Preformatted text`

2

hi there!
welcom to the forum. please post your html and css code here using three back ticks (```) on a separate line, above and below your code block.

3 
<!DOCTYPE html>
<html lang="en">
<head>
  <link rel="stylesheet" href="styles.css" />
</head>

<nav id="navbar">
  <header>Technical Documentation</header>
  <li><a class="nav-link" href="Travel">Travel</a></li>
  <li><a class="nav-link" href="Events">Events</a></li>
  <li><a class="nav-link" href="Airfare">Airfare</a></li>
  <li><a class="nav-link" href="Car">Car</a></li>
  <li><a class="nav-link" href="Lodging">Lodging</a></li>
  <li><a class="nav-link" href="Ground">Ground</a></li>
</nav>

<main id="main-doc">
  <section class="main-section" id="Travel">
    <header>Travel</header>
    <p></p>
    <p></p>
    <code></code>
  </section>
  <section class="main-section" id="Events">
    <header>Events</header>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
  </section>
  <section class="main-section" id="Airfare">
    <header>Airfare</header>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
  </section>
  <section class="main-section" id="Car">
    <header>Car</header>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
  </section>
  <section class="main-section" id="Lodging">
    <header>Lodging</header>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
  </section>
  <section class="main-section" id="Ground">
    <header>Ground</header>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
  </section>
</main>

</html>
4

Thanks, here it is!

I changed a couple of things to make my words all single words instead of double hoping that would fix anything I couldn’t see, but no such luck.

5

your all href values missing the id symbol #. add the hash before each value for href attribute.

6

So simple, thank you!!