Tell us what’s happening:
Describe your issue in detail here.
Hi,
I’ve been trying to get this code to pass for hours, and nothing is working. The only part that keeps failing is the last step, “Your Technical Documentation project should use at least one media query.”
I’ve tried so many different media queries but none of them pass. Please help!!
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content=""
<link rel="stylesheet" href="styles.css">
</head>
<body>
<title>Documentation Page</title>
<main id="main-doc">
<div class="sections">
<section class="main-section" id="introduction">
<header><h1>Introduction</h1> </header>
<p>text here.</p>
<p>text here.</p>
<code> </code>
<li> text here </li>
</section>
<section class="main-section" id="history">
<header><h1>History</h1> </header>
<p>text here.</p>
<p>text here.</p>
<code> </code>
<li> text here </li>
</section>
<section class="main-section" id="cultural_impact">
<header><h1>Cultural Impact</h1> </header>
<p>text here.</p>
<p>text here.</p>
<code> </code>
<li> text here </li>
</section>
<section class="main-section" id="global_influences">
<header><h1>Global Influences</h1></header>
<p>text here.</p>
<p>text here.</p>
<code> </code>
<li> text here </li>
</section>
<section class="main-section" id="modern_day">
<header><h1>Modern Day</h1></header>
<p>text here.</p>
<p>text here.</p>
<code> </code>
<li> text here </li>
</section>
</div>
<div class="left">
<nav id="navbar">
<header> Anime </header>
<a class="nav-link" href="#introduction">Introduction</a>
<a class="nav-link" href="#history">History</a>
<a class="nav-link" href="#cultural_impact">Cultural Impact</a>
<a class="nav-link" href="#global_influences">Global Influences</a>
<a class="nav-link" href="#modern_day">Modern Day</a>
</nav>
</div>
</main>
</body>
</html>
/* file: styles.css */
@media screen and (max-width: 992px) {
body {
background-color: blue;
}
}
**Your browser information:**
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36
Challenge: Technical Documentation Page - Build a Technical Documentation Page
Link to the challenge:
