Hi everyone I have been working on the Technical Documentation Page on Responsive Web Design but the checklist is calling one last error.
My page seems to be working fine though, I’m a little lost on whats causing this… any feedback would be greatly appreciated.
The point I’m missing:
*Each .main-section should have an id that matches the text of its first child, having any spaces in the child’s text replaced with underscores (_ ) for the id’s.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Technical Documentation Page</title>
<link rel="stylesheet" href="styles.css" />
</head>
<nav id="navbar">
<header>
<img id="logo" src="https://i.insider.com/626ff8030983640018c0abed?width=700"/>
<h1>Gaming Consoles Documentation</h1>
</header>
<div id="scroll-menu">
<ul>
<li><a class="nav-link" href="#PS5">PS5</a></li>
<li><a class="nav-link" href="#Xbox_Series_X">Xbox Series X</a></li>
<li><a class="nav-link" href="#Nintendo_Switch_OLED">Nintendo Switch OLED Model</a></li>
<li><a class="nav-link" href="#Xbox_Series_S">Xbox Series S</a></li>
<li><a class="nav-link" href="#Nintendo_Switch">Nintendo Switch</a></li>
<li><a class="nav-link" href="#Reference">Reference</a></li>
</ul>
</nav>
<main id="main-doc">
<section class="main-section" id="PS5">
<header><span class="background-span">PS5</span></header>
<ul>
<li>Updated controller</li>
<li>Lightning-fast loading speeds</li>
<li>4k graphics at 60 fps</li>
</ul>
<h2>Best game console overall</h2>
<p>You know your product is a good one when you can't keep it on the shelf even two years after you released it. That is the case with the PlayStation 5. Due to chip shortages, production of this console has been limited, making it hard to supply the record-breaking demand we are seeing with this product. If you're a serious gamer, this is the console you want. With its breathtaking 4k graphics, players are fully immersed in the game.</p>
<p>The console wasn't the only thing that got a complete makeover. The new DualSense controller has all the features you need to take full control of your gaming experience. The controller features haptic feedback, adaptable triggers, and a built-in microphone. The features that this controller offers are unmatched by competitors and make this controller the best we have seen in console gaming.</p>
<p>Getting your hands on this console is a struggle and probably will continue to be for a while, but you can try getting in a queue or requesting an invitation to purchase on PlayStation Direct or Amazon.</p>
<h4>Features or tech specs</h4>
<code>
<table>
<tr>
<th>CPU</th>
<td>AMD Zen 2-Based CPU with 8 Cores at 3.5 GHz</td>
</tr>
<tr>
<th>GPU</th>
<td>10.28 TFLOPs, 36 CUs at 2.23 GHz</td>
</tr>
<tr>
<th>Internal Storage</th>
<td>825 GB</td>
</tr>
<tr>
<th>Optical Drive</th>
<td>4K UHD Blu-ray drive</td>
</tr>
<tr>
<th>Dimensions (L x W x H)</th>
<td>3.97 x 8.79 x 15.74 inches</td>
</tr>
</table>
</code>
<section class="main-section" id="Xbox_Series_X">
<header><span class="background-span">Xbox Series X</span></header>
<ul>
<li>Console has a modern, clean look</li>
<li>Large library of games and applications</li>
<li>Incredibly quiet</li>
</ul>
<h2>Best versatile game console</h2>
<p>When the next-gen consoles were released, the PlayStation 5 emerged as the top console in the gaming realm. But while the Xbox Series X is behind in gaming, it is ahead in the versatility category.</p>
<p>While this console fell short among dedicated gamers, this console is a perfect product to put on your living room TV due to the large amount of apps and streaming platforms the Microsoft Store holds. From binge watching your favorite shows to gaming with your friends across the world, this console checks all the boxes.</p>
<p>This console is easier to obtain than the PlayStation 5, so if you're looking for a powerful console you can get right now, this is the best choice.</p>
<h4>Features or tech specs</h4>
<code>
<table>
<tr>
<th>CPU</th>
<td>Custom Zen 2 CPU with 8 Cores at 3.8 GHz</td>
</tr>
<tr>
<th>GPU</th>
<td>12 TFLOPs, 52 CUs at 1.825 GHz Custom RDNA 2 GPU</td>
</tr>
<tr>
<th>Internal Storage</th>
<td>1 TB</td>
</tr>
<tr>
<th>Optical Drive</th>
<td>4K UHD Blue-ray Drive</td>
</tr>
<tr>
<th>Dimensions (L x W x H)</th>
<td>5.94 x 5.94 x 11.85 inches</td>
</tr>
</table>
</code>
</section>
<section class="main-section" id="Nintendo_Switch_OLED">
<header><span class="background-span">Nintendo Switch OLED Model</span></header>
<ul>
<li>Small and portable</li>
<li>Advanced OLED screen</li>
<li>Capability to play on TV or on handheld screen</li>
</ul>
<h2>Best game console for the family</h2>
<p>In a world where most gamers focus on getting the highest performing monitor or the biggest TV, the Nintendo Switch is doing things differently. While this console gives you the option to play on your television, the handheld 7-inch OLED screen provides gamers with a gaming experience you can transport with you..</p>
<p>Additionally, the Nintendo Switch offers a variety of titles that you can find on any other console, including Mario Kart 8 Deluxe, Super Smash Bros Ultimate, and Animal Crossing. That being said, there are still a lot of non-Nintendo games on the Switch that are available in the store.</p>
<p>Nintendo creates a lot of exclusive games that cover a wide range of genres, making this console perfect for families that like a little competition.</p>
<h4>Features or tech specs</h4>
<code>
<table>
<tr>
<th>CPU</th>
<td>1GHz Cortex-A57</td>
</tr>
<tr>
<th>GPU</th>
<td>NVIDIA Tegra X1</td>
</tr>
<tr>
<th>Internal Storage</th>
<td>64 GB</td>
</tr>
<tr>
<th>Optical Drive</th>
<td>N/A</td>
</tr>
<tr>
<th>Dimensions (L x W x H)</th>
<td>9.5 x .55 x 4 inches</td>
</tr>
</table>
</code>
</section>
<section class="main-section" id="Xbox_Series_S">
<header><span class="background-span">Xbox Series S</span></header>
<ul>
<li>Storage expansions inserted into back of console</li>
<li>Capable of doing everything the Xbox Series X can</li>
</ul>
<h2>Best budget game console</h2>
<p>The Xbox Series S is the less advanced counterpart to the Xbox Series X. Though this console is noticeably smaller than the Series X, it comes at a cost. That cost being the lack of an optical drive, meaning all games have to be downloaded digitally. Along with having no disk drive, the Xbox Series S displays games at 1440p, while the Series X displays games in 4k.</p>
<p>If you're a fan of the Xbox consoles and consider yourself an avid gamer, the Series X would be your best choice. But if you want a new console, and you can live with sacrificing the 4k graphics, save the $200 and purchase this Xbox Series S.</p>
<h4>Features or tech specs</h4>
<code>
<table>
<tr>
<th>CPU</th>
<td>8 Zen 2 Cores at 3.6 GHz.</td>
</tr>
<tr>
<th>GPU</th>
<td>4 TFLOPs, 20 CUs at 1.55 GHz Custom RDNA</td>
</tr>
<tr>
<th>Internal Storage</th>
<td>512 GB</td>
</tr>
<tr>
<th>Optical Drive</th>
<td>N/A</td>
</tr>
<tr>
<th>Dimensions (L x W x H)</th>
<td>11 x 5.9 x 2.6 inches</td>
</tr>
</table>
</code>
</section>
<section class="main-section" id="Nintendo_Switch">
<header><span class="background-span">Nintendo Switch</span></header>
<h2>Best game console for the family</h2>
<p>Nintendo sidestepped the current console arms race by changing not how you use your console, but where. The Switch is a hybrid device that plugs into a TV, like the PS5 and Xbox Series X, but also works as a handheld.</p>
<p>The Nintendo Switch is also a great companion console for anyone who already owns a PlayStation or Xbox console. It can do things the competition can't, and offers a host of great titles that will likely never appear on a Sony or Microsoft system.</p>
<h4>Features or tech specs</h4>
<code>
<table>
<tr>
<th>CPU</th>
<td>ARM 4 Cortex-A57 cores @ 1.02 GHz[</td>
</tr>
<tr>
<th>GPU</th>
<td>Nvidia GM20B Maxwell-based </td>
</tr>
<tr>
<th>Internal Storage</th>
<td>32 GB</td>
</tr>
<tr>
<th>Optical Drive</th>
<td>N/A</td>
</tr>
<tr>
<th>Dimensions (L x W x H)</th>
<td>9.5 x 6.8 x 4.0 inches</td>
</tr>
</table>
</code>
</section>
<section class="main-section" id="Reference">
<header><span class="background-span"> Reference</span></header>
<p>All the documentation in this page is taken from <a href="https://www.zdnet.com/home-and-office/best-game-console/">ZDNet</a></p>
</section>
</main>
</html>