Tell us what’s happening:
Describe your issue in detail here.
I’m not finished with the project, but I wanted to run the tests to see if I was doing ok so far and I realized that I’m stuck. It says that all main-section elements should be section elements and as far as I can tell, mine are just that. I’ve quadruple-checked it and even rewrote the elements, but it’s still saying my main-section elements aren’t section elements. Can someone tell me what I’m doing wrong?
Thank you!!
**Your code so far**
<!-- file: index.html -->
<! DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="styles.css">
<nav id="navbar">
<header>JS Documentation</header>
<a class="nav-link"></a>
<a class="main-section"></a>
<a class="main-section"></a>
<a class="main-section"></a>
<a class="main-section"></a>
<a class="main-section"></a>
</nav>
<main id="main-doc">
<section class="main-section" id="Introduction">
<header>Introduction</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section class="main-section" id="What_you_should_already_know">
<header>What you should already know</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section class="main-section" id="JavaScript_and_Java">
<header>JavaScript and Java</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section class="main-section" id="Hello_world">
<header>Hello world </header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section class="main-section" id="Variables">
<header>Variables</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
</main>
</html>
/* file: styles.css */
**Your browser information:**
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) 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: