Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**
/* file: index.html */
<main id="main-doc">
<section class="main-section" id="Technical_Documentation">
<header>Technical Documentation</header>
</section>
<section class="main-section" id="Technical_Documentation">
<header>Technical Documentation</header>
</section>
<section class="main-section" id="Technical_Documentation">
<header>Technical Documentation</header>
</section>
<section class="main-section" id="Technical_Documentation">
<header>Technical Documentation</header>
<section class="main-section" id="Technical_Documentation">
<header>Technical Documentation</header>
</section>
<p></p>
<p></p>
<p></P>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<code></code>
<code></code>
<code></code>
<code></code>
<code></code>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<nav id="navbar">
<header>Technical Documentation</header>
<a class="nav-link">Technical Documentation</a>
<a class="nav-link">Technical Documentation</a>
<a class="nav-link">Technical Documentation</a>
<a class="nav-link">Technical Documentation</a>
<a class="nav-link">Technical Documentation</a>
</nav>
<style>
@media {}
</style>

</main>




/* file: styles.css */

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) 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:

Hi there: What is the issue?

please i am having problem with this .nav-linkshould have anhrefattribute that links to its corresponding.main-section(e.g. If you click on a.nav-linkelement that contains the text "Hello world", the page navigates to asection` element with that id).

When posting code, have it inside three back-ticks above and bellow it, so it looks like this:

<p>Hello</p>

Post what you have written.