Technical Documentation Page: User Story #4: Each section element with the class of main-section should also have an id that corresponds with the text of each header contained within it

Why can’t I pass this user story? Here is my code:

Even if I have some unnecessary info in the code, shouldn’t it still pass? I’ve been searching the web and forums for clues, I don’t know what’s wrong. I’ve even tried to make changes after this code and they still won’t pass.

Here is my code:

<nav id= “navbar” style= "position fixed: Left:0"><header>Topic of the technical documentation</header> Table of Contents 

<a class="nav-link" href="#home">home</a>
      <a class="nav-link" href="#about">about</a>
      <a class="nav-link" href="#Links">links</a>
<a class="nav-link" href="#a">a</a>
      <a class="nav-link" href="#l">l</a>
      <a class="nav-link" href="#JavaScript_and_Java">JavaScript and Java</a>


<main id="main-doc"> Technical documentation goes here

<section class="main-section" id= “home” href="#home">Home <header>home</header>

<section class="main-section" id= “about” href="#about">About<header>about</header><p><li></li></p><p></p><code></code></section>

<section class="main-section" id= “links” href="#Links">Links<header>links</header><p><li></li></p><p></p><code></code></section>

<section  class="main-section" id= “a” href="#a">A<header>a</header><p><li></li></p><p></p><code></code></section>

<section  class="main-section" id=”l” href="#L">L<header>l</header><p><li></li></p><p></p><code></code></section>

<section  class="main-section" id="JavaScript_and_Java" href="#JavaScript_and_Java">L<header>JavaScript and Java</header><p><li></li></p><p></p><code></code></section>


href is not a valid attribute for a section element

also, when you ask for help for the projects please post the link to the live version of your code with test suite included

never post a screenshot of your code, it is impossible to debug