[https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-technical-documentation-page-project/build-a-technical-documentation-page]
Yes I’m not quite done with my technical documentation page, but when I run the tes to see how i’m doing so far I keep getting
this means the tests have passed.
You can keep working on the page to improve it but at this point you have satisfied the test’s requirements.
That’s the thing I don’t have a media query yet.
please post your code.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Englebert&family=Josefin+Sans&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/65b57b843d.js" crossorigin="anonymous"></script>
<title>Technical Documentation</title>
</head>
<body>
<a href="top"></a>
<nav id="navbar">
<header>Technical Documentation</header
<img src="https://i.ibb.co/QdVxbxP/logo.webp" alt="logo" border="0">
<ul>
<a class="nav-link" href="#introduction">Introduction</a></li>
<li>
<a class="nav-link" href="#part_a">Part_A</a></li>
<li>
<a class="nav-link" href="#part_b">Part_B</a></li>
<li>
<a class="nav-link" href="#part_c">Part_C</a></li>
<li>
<a class="nav-link" href="#part_d">Part_D</a></li>
</ul>
</nav>
<main id="main-doc">
<section class="main-section" id="introduction">
<header>Introduction</header>
<p>text</p>
<p>text</p>
<section class="main-section" id="part_a">
<header>Part_A</header>
<p>text</p>
<p>text</p>
<code>text</code>
<code>text</code>
</section>
<section class="main-section" id="part_b">
<header> Part_B</header>
<p>text</p>
<p>text</p>
<code>text</code>
</section>
<section class="main-section" id="part_c">
<header>Part_C </header>
<p>text</p>
<p>text</p>
<ul>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
</ul>
</section>
<section class="main-section" id="part_d">
<header>Part_D</header>
<p>text</p>
<p>text</p>
<code>text</code>
<code>text</code>
</section>
</body>
</html>
CSS
body{
margin:0;
padding:auto;
}
#navbar{
width:80%;
margin:0 auto;
}
header{
background-color:
}
[https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-technical-documentation-page-project/build-a-technical-documentation-page]Preformatted text
I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').
this script is the reason the tests are passing.
You can remove it and the test will fail.
1 Like
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.