Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Technical Documentation</title>
    <meta name="viewport" content="width=display-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<body>
 <main id="main-doc">

<section class="main-section" id="Roof" >
  <header>Roof</header>
  <p></p>
  <p></p>
  <code></code>
  <ul>
<li></li>
  </ul>
  
  <nav id="navbar">
    <header>It is used to protect the body from ultra violent rays</header>
    <a class="nav-link" href="main-section">Roof</a>
  </nav>
  
  </section> 

<section class="main-section"  id="Foundation">
  <header>Foundation</header>
  <p></p>
  <p></p>
  <code></code>
   <ul>
<li></li>
  </ul>
  
  <nav id="navbar">
    <header>it is the base part of the building</header>
    <a class="nav-link" href=".main-section">Foundation</a>
  </nav>
 
  </section>

<section class="main-section"  id="Window">
  <header>Window</header>
  <p></p>
  <p></p>
  <code></code>
   <ul>
<li></li>
  </ul>
   
  <nav id="navbar">
   <header>it allows the circulation of excessive air inside the house</header>
    <a class="nav-link" href=".main-section">Window</a>
  </nav>
  
</section>

<section class="main-section"  id="Door">
  <header>Door</header>
  <p></p>
  <p></p>
  <code></code>
   <ul>
<li></li>
  </ul>
   
  <nav id="navbar">
    <header>It helps to gain entry into a building</header>
    <a class="nav-link" href=".main-section">Door</a>
  </nav>
  
</section>

<section class="main-section"  id="Lintel">
  <header>Lintel</header>
  <p></p>
  <p></p>
  <code></code>
   <ul>
<li></li>
  </ul>
  
  <nav id="navbar">
    <header>It is used the window on the wall</header>
    <a class="nav-link" href=".main-section">Lintel</a>
  </nav>
 
</section>
   </main> 
  </body>
  </head>
  </html>
/* file: styles.css */
@media screen and (max-height: 45px) {
   # navbar  {padding-top: 10px;}
   #navbar  a {font-size: 10px;}
 }

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

What’s the issue here? This is a pretty big project so it’s hard for us to help without more info.

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.