Technical Document - None of your header elements should be empty being marked as missed

[aphemra]

Hello! Running into an issue with the Technical Document saying my headers don’t have content in them. The specific error is: " None of your header elements should be empty."

It’s marking that as failed even though I am pretty positive all my headers have text inside them. Any help would be greatly appreciated!

I’ve made my code into a CodePen since it is too long to post in a forum post.

Documentation Challenge - freeCodeCamp (codepen.io)

I’m using Microsoft Edge if that matters.

Challenge: Build a Technical Documentation Page

Link to challenge: Link

[massih]

Hi, @aphemra

and welcome to the forum,

I believe your html is correct, the error is with your css code.

[aphemra]

Do you know what the error is? Because my CSS works as intended and it is only saying my headers are empty - which they aren’t.

[ILM]

I am trying to figure that out, meanwhile

<a class="nav-link" href="#A_tour_of_the_C#_language"><li>A tour of the C# language</li></a>

This is not following nesting rules - ul can have only li as children - you should put the anchor inside the li, not the li inside the anchor

[aphemra]

Thanks for this tip!

[massih]

Hi again, the problem is in this part.

#navbar header { visibility: hidden; height: 0; margin: -0.5rem; padding: 0; }

[aphemra]

Ah, so it’s because I’m hiding the header? Weird. But it makes sense.

Thanks!