Tell us what’s happening:
Describe your issue in detail here.
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<main id="main-doc">
<header>Elusa</header> <p></p> <p></p> <code> </code> <li></li>
<section id="elusa"class="main-section">
<header>Elusa</header><p></p><p></p><code></code> <li></li>
<section id="elusa"class="main-section">
<header>Elusa</header><p></p><p></p><code></code> <li></li>
<section id="elusa"class="main-section">
<header>Elusa</header> <p> </p> <p> </p> <code> </code> <li> </li>
<section id="elusa" class="main-section">
<header>Elusa</header> <p> </p> <p> </p> <code> </code> <li> </li>
<section id="elusa" class="main-section">
<header>Elusa</header> <p> </p> <p> </p> <code> </code> <li> </li>
<nav id="navbar"> <header>Elusa</header>
<a class="nav-link" id="navbar" href="#elusa">elusa</a>
<a class="nav-link" id="navbar" href="#elusa">elusa</a>
<a class="nav-link" id="navbar" href="#elusa">elusa</a>
<a class="nav-link" id="navbar" href="#elusa">elusa</a>
<a class="nav-link" id="navbar" href="#elusa">elusa</a>
<style>@media (max-width: 815px){
#main-doc{
display:flex;
flex-direction:column;
}
nav{
position: static;
}
nav,#sections{
width: 100%;
}
}</style>
</main>
</body>
</html>
/* file: styles.css */
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.124 Safari/537.36 Edg/102.0.1245.44
Challenge: Build a Technical Documentation Page
Link to the challenge: