Build a Technical Documentation Page Test 4 and 12 fails

Tell us what’s happening:
Need help on the technical documentation page test. Numbers 4 and 12 are not passing the test. Number 4 says:

4## Each element with the class of “main-section” should also have an id comprised of the innerText contained within it, with underscores in place of spaces. The id may include special characters if there are special characters in the respective innerText. (e.g. The that contains the header, “JavaScript & Java”, should have a corresponding id=“JavaScript_&_Java”).

And number 12 says:

12. Each element with the class of “nav-link” should contain text that corresponds to the text within each (e.g. if you have a “Hello world” section/header, your navbar should have an element which contains the text “Hello world”).

Here is a link to my project. You can test it yourself.

Thanks.
Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.132 Safari/537.36.

Link to the challenge:

There is no link to your code.

My bad. Here it is:
https://codepen.io/raulbarriga/pen/PoYXmpo?editors=1100

I took a look at the error message:

Some "main-section" elements are missing the following ids (don't forget to replace spaces with underscores!) : JAVASCIPT_AND_JAVA : expected 1 to equal 0

Look at this spelling JAVASCIPT_AND_JAVA in the error message.

Fix the spelling and you’re good to go.