Tell us what’s happening:
Describe your issue in detail here.
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html>
<head>
<title>technical-documentation</title>
<meta charset="utf-8">
<meta rel="stylesheet" href="styles.css">
</head>
<body>
<main id="main-doc">
<section class="main-section" id="Introduction">
<header>
<h1>Introduction</h1>
</header>
</section>
<section class="main-section" id="describe">
<header>
<h1>describe</h1>
</header>
<p>HTML consists of a series of elements that tell the browser how to display the content. </p>
<p>These elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", and so on.</p>
<p>They usually have opening and closing tags that surround and give meaning to each piece of content.</p>
<p>They usually have opening and closing tags that surround and give meaning to each piece of content.</p>
<p>They usually have opening and closing tags that surround and give meaning to each piece of content.</p>
<p>They usually have opening and closing tags that surround and give meaning to each piece of content.</p>
<p>They usually have opening and closing tags that surround and give meaning to each piece of content.</p>
<p>They usually have opening and closing tags that surround and give meaning to each piece of content.</p>
<p>They usually have opening and closing tags that surround and give meaning to each piece of content.</p>
<p>They usually have opening and closing tags that surround and give meaning to each piece of content.</p>
</section>
<section class="main-section" id="Tags">
<header>
<h1>Tags</h1>
</header>
<code>
<p>!DOCTYPE: Defines the document type</p>
</code>
<code>
<p>a : Defines a hyperlink</p>
</code>
<code>
<p>address: Defines contact information for the author/owner of a document</p>
</code>
<code>
<p>address: Defines contact information for the author/owner of a document</p>
</code>
<code>
<p>address: Defines contact information for the author/owner of a document</p>
</code>
</section>
<section class="main-section" id="Reference">
<header>
<h1>Reference</h1>
</header>
<p>this the reference from free code camp</p>
</section>
<section class="main-section" id="List_of_courses">
<header>
<h1>List of courses</h1>
</header>
<nav id="navbar">
<header>
<h1>List</h1>
</header>
<ul>
<li><a class="nav-link" href="#Introduction">Introduction</a></li>
<li><a class="nav-link" href="#describe">describe</a></li>
<li><a class="nav-link" href="#Tags">Tags</a></li>
<li><a class="nav-link" href="#Reference">Reference</a></li>
<li><a class="nav-link" href="#List_of_courses">List of courses</a></li>
</ul>
</nav>
</section>
</main>
</body>
</html>
/* file: styles.css */
@media only screen and (min-width:815px){
#navbar{
width:300px;
position:fixed;
}
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36 Edg/122.0.0.0
Challenge Information:
Technical Documentation Page - Build a Technical Documentation Page