Getting error: Your Technical Documentation project should use at least one media query.
Describe your issue in detail here.
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="styles.css" />
<title>JS Documentation</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
</head>
<body>
<main id="main-doc">
<section class="main-section" id="introduction">
<header>introduction</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section class="main-section" id="what_you_should_already_know">
<header>what you should already 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>
<code></code>
<li></li>
</section>
<section class="main-section" id="hello_world">
<header>hello world</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section class="main-section" id="variables">
<header>variables</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<nav id="navbar">
<header>Javascript Documentation</header>
<a class="nav-link" href="#introduction">introduction</a>
<a class="nav-link" href="#what_you_should_already_know">what you should already 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>
</body>
</html>
/* file: styles.css */
body{
margin: auto;
font-size: 20px;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:107.0) Gecko/20100101 Firefox/107.0
Challenge: Technical Documentation Page - Build a Technical Documentation Page
Link to the challenge: