Can not figure out why #22. Your Technical Documentation project should use at least one media query. is not satisfied…
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Technical Documentation</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav id="navbar">
<header>Js Documentation</header>
<a class="nav-link" href="#Introduction">Introduction</a>
<a class="nav-link" href="#What_you_should_know">What you should know</a>
<a class="nav-link" href="#JavaScript_and_Java">JavaScript and Java</a>
<a class="nav-link" href="#Hello_World">Hello World</a>
<a class="nav-link" href="#Variables">Variables</a>
</nav>
<main id="main-doc">
<section class="main-section" id="Introduction">
<header>Introduction</header>
<p></p>
<p></p>
</section>
<section class="main-section" id="What_you_should_know"><header>What you should know</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section class="main-section" id="JavaScript_and_Java"><header>JavaScript and Java</header>
<p></p>
<p></p>
<li></li>
<li></li>
</section>
<section class="main-section" id="Hello_World"><header>Hello World</header>
<p></p>
<p></p>
<code></code>
<code></code>
<li></li>
</section>
<section class="main-section" id="Variables"><header>Variables</header>
<p></p>
<p></p>
<p></p>
<code></code>
<code></code>
<code></code>
<li></li>
<li></li>
</section>
</main>
</body>
</html>