Technical Doc Page project help

HTML-CSS
1

Hi guys, Im new to coding in general, Im trying to complete the Technical Doc Page project, I decided to try to replicate the FBW pilots corner page from scratch.
I’ve been rewriting my code to pass all the tests, here is the code https://codepen.io/semartinezmo/pen/QWXGome
I’m having an issue with this tests:

  1. Your #navbar should have exactly one header element within it.
  2. None of your header elements should be empty.

My code as it is on the code pen, it passes the 2nd test just fine,
However, I’m missing a header element on the navbar, when I add it just like this then it passes the first test but then it fails the 2nd one which makes no sense. Can someone help?

<header class="main-header">
      <div id="logo-container">
        <img
          id="logo"
          alt="Logo de FBW"
          src="https://docs.flybywiresim.com/assets/images/FBW-Tail.png"
        />
        <div id="logo-text">FlyByWire Docs Recreation</div>
      </div>
      <nav class="nav" id="navbar">
        <header>a</header>
        <ul>
          <header>test</header>
          <li><a href="#home">Home</a></li>
          <li><a href="#qsg">Quick Start Guide</a></li>
        </ul>
      </nav>
    </header>
2

your navbar should have EXACTLY ONE header element within it?
I can see 2, so maybe that’s the issue?
What happens if you erase one of the headers?

3

I’m actually blind, I was going nuts with this lmao
Thank you for the help, it finally worked

1 Like