Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
Describe your issue in detail here.
When you run the test I get, every .main-section nav-link must have an href. I have five sections and everyone of them has an href, so I don’t see why is failing.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
  <meta  name="viewport" content="width=device-width, initial-scale=1.0"</meta>
 <meta charset="utf-8"/>
 <link href="styles.css" rel="stylesheet"/>
  <main id="main-doc">
    <nav id="navbar">
      <header>Tech Sections:</header>
      <a class="nav-link" href="Advance_Gaming_Computer">Advance Gaming Computer</a>
      <a class="nav-link" href="Central_Processor_Unit">Central Processor Unit</a>
      <a class="nav-link" href="Graphic_Processor_Unit">Graphic Processor Unit</a>
      <a class="nav-link" href="System_Memory">System Memory</a>
      <a class="nav-link" href="Other_Specs">Other Specs</a>
    <section class="main-section" id="Advance_Gaming_Computer">
    <header>Advance Gaming Computer</header>
      <h1>MSI CROSSHAIR 15 TECH SPECS</h1>
      <p>MSI most advanced Gaming Laptop, designed to handle the most demanding PC games, offering a terrific video resolution with an amazing refresh rate and a super responsive gaming experience.</p>
      <p>Your MSI contains a powerfull Intel CORE i7, NVIDIA GEFORCE RTX,Cooler Boost 5 and more.....</p> 
    <section class="main-section" id="Central_Processor_Unit">
      <header>Central Processor Unit</header>
      <p>The CPU is an Intel Core i7-11800H 8 Core. THe CPU speed ranges from 2.4-4.6 GHz. The Chipset is the HM570.
      <p>The Intel Core i7 is the most reliable gaming processor you can find managing all you can trow at it...</p>
    <section class="main-section" id="Graphic_Processor_Unit">
      <header>Graphic Processor Unit</header>
      <p>The GPU is a NVIDIA GeForce RTX 3050 Ti Laptop GPU. Up to 1485MGz Boost Clock, 60 W Maximum Graphipcs Power.</p>
      <p>The GEFORCE RTX will give you the most amazing graphics making your gaming time a unique experience...</p>
    <section class="main-section" id="System_Memory">
      <header>System Memory</header>
      <p>The included RAM Memory is 8GB (8G*1) DDR4 3200 MHz. The Video Memory is 4G GDDR6. THE HDD capacity is 512GB NVMe SSD</p>
      <p>The CROSSHAIR has more than enough memory to handle your gaming necessities</p>
    <section class="main-section" id="Other_Specs">
      <header>Other Specs</header>
      <p>Screen Size is 15.6" FHD, IPS-Level 144Hz 72%NTSC. The Max scree resolution is 1920x1080(16:9) LAN is Gb LAN. WLAN is Intel WiFi 6 AX201(2x2ax). Bluetooh is BT5.1. Webcam is 720p HD.</p>
      <p>The screen resolution and refresh rate can handle the most demanding games playing by yourself or connected to the World Wide Web.</p>
  <p>Your Packaging includes:</p>
      <li>MSI Laptop computer</li>
      <li>AC Adapter</li>
      <li>Tech Manuals</li>
      <li>Quick User Guide</li>
      <li>MSI Subscription Card</li>
/* file: styles.css */
@media(max-width: 800px) {
#main-doc {
  width: 100%;
hr {
height: 2px;
background-color: blue;
border-color: blue;
a {
display: block;
p { 
font-style: arial;
header {
font-style: Brush Script MT;
color: red;
ol {
font-style: verdana;
color: grey;
  **Your browser information:**

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

syntax issues.
How should hrefs look like if they are referring to something on same page?

Thank you big time. I got it. Finally pass. [quote=“Angel13101415, post:1, topic:531860”]
href="#Advance_Gaming_Computer". This is the right syntax.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.