Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:

Been stuck for two days, I am pretty sure my code is right but I keep getting this error:

Each .nav-link should have an href attribute that links to its corresponding .main-section (e.g. If you click on a .nav-link element that contains the text “Hello world”, the page navigates to a section element with that id).

please help.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<main id="main-doc">
  <nav id="navbar"><header text="The History Of The Gaming Industry"></header>
<a class="nav-link" href="The_Beginning_Of_Gaming" text="The Beginning Of Gaming">The Beginning Of Gaming</a>
<a class="nav-link" href="What_The_Gaming_Industry_Is_Like_Now" text="The Evolution Of The Gaming Industry">The Evolution Of The Gaming Industry</a>
<a class="nav-link" href="What_The_Gaming_Industry_Is_Like_Now" text="What The Gaming Industry Is Like Now">What The Gaming Industry Is Like Now</a>
<a class="nav-link" href="What_The_Future_Of_Gaming_Could_Look_Like" text="What The Future Of Gaming Could Look Like">What The Future Of Gaming Could Look Like</a>
<a class="nav-link" href="Steps_Being_Made_Toward_The_Future_Of_Gaming" text="Steps being Made Toward The Future Of Gaming">Steps being Made Toward The Future Of Gaming</a>
  </nav>
<section id="The_Beginning_Of_Gaming" class="main-section"><header text="The Beginning Of Gaming">The Beginning Of Gaming</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section id="The_Evolution_Of_The_Gaming_Industry" class="main-section"><header text="The Evolution Of The Gaming Industry">The Evolution Of The Gaming Industry</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section id="What_The_Gaming_Industry_Is_Like_Now" class="main-section"><header text="What The Gaming Industry Is Like Now">What The Gaming Industry Is Like Now</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section id="What_The_Future_Of_Gaming_Could_Look_Like" class="main-section"><header text="What The Future Of Gaming Could Look Like">What The Future Of Gaming Could Look Like</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section id="Steps_Being_Made_Toward_The_Future_Of_Gaming" class="main-section"><header text="Steps Being Made Toward The Future Of Gaming">Steps Being Made Toward The Future Of Gaming</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
  </main>
  <link rel="stylesheet" href="styles.css"></link>
  </html>

/* file: styles.css */
nav{text-align: left;}
@media{(width: 20px;)}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.1 Safari/605.1.15

Challenge Information:

Technical Documentation Page - Build a Technical Documentation Page

2

Welcome to the forum @grantreeves02

You have a few typos.
Also check out user story #13

Happy coding

3

I have a tip for how you can take less time on your next project challenges with project based learning.

It’s pretty much whenever you learn a new concept, you make at least 1 minimum small project based on what you learn. Like balancing tutorials with projects per se