Tell us what’s happening:
please help me figure out the last three steps of technical documentation page
Your code so far
<!-- file: index.html -->
<main id="main-doc">
<section
id="Introduction"
class="main-section">
<header>Introduction</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section id="What_you_should_already_know" class="main-section">
<header>What you should already know</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section
id="Javascript_and_java" class="main-section">
<header>Javascript and java</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section
id="Hello_world"
class="main-section">
<header>Hello world</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
<section
id="Variables"
class="main-section">
<header>Variables</header>
<p></p>
<p></p>
<code></code>
<li></li>
</section>
</main>
<nav id="navbar">
<header>build a technical documentation-page</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>
<link rel="stylesheet" href="styeles.css"></link>
/* file: styles.css */
@media screen and (min-width: 40%) {
main {
padding: 40px;
}
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36
Challenge Information:
Technical Documentation Page - Build a Technical Documentation Page