Tell us what’s happening:
Hi, please help me I am stuck with the media query. the last line
Your code so far
<!-- file: index.html -->
<link rel="stylesheet" href="styles.css">
<nav id="navbar">
<header>Documentation Topics</header>
<a class="nav-link" href="#introduction">Introduction</a>
<a class="nav-link" href="#intro_2">Intro 2</a>
<a class="nav-link" href="#intro_3">Intro 3</a>
<a class="nav-link" href="#intro_4">Intro 4</a>
<a class="nav-link" href="#intro_5">Intro 5</a>
</nav>
<main id="main-doc">
<section class="main-section" id="introduction">
<header>Introduction</header>
<p>i am a boy</p>
<p>i am a boy</p>
<ul>
<li>apple</li>
</ul>
<code>omg</code>
</section>
<section class="main-section" id="intro_2">
<header>Intro 2</header>
<p>i am a girl</p>
<p>i am a girl</p>
<ul>
<li>bag</li>
</ul>
<code>omg</code>
</section>
<section class="main-section" id="intro_3">
<header>Intro 3</header>
<p>i love you</p>
<p>i love you</p>
<ul>
<li>cat</li>
</ul>
<code>omg</code>
</section>
<section class="main-section" id="intro_4">
<header>Intro 4</header>
<p>i miss you</p>
<p>i miss you</p>
<ul>
<li>dog</li>
</ul>
<code>omg</code>
</section>
<section class="main-section" id="intro_5">
<header>Intro 5</header>
<p>baby</p>
<p>baby</p>
<ul>
<li>egg</li>
</ul>
<code>omg</code>
@media {}
</section>
</main>
</html>
/* file: styles.css */
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.3 Safari/605.1.15
Challenge Information:
Technical Documentation Page - Build a Technical Documentation Page