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

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 (

I’m using Microsoft Edge if that matters.

Challenge: Build a Technical Documentation Page

Link to challenge: Link

Hi, @aphemra

and welcome to the forum,

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

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.

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

1 Like

Thanks for this tip!

Hi again, the problem is in this part.

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

1 Like

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


1 Like

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