Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Your Technical Documentation project should use at least one media query.
Your code so far

<!-- file: index.html -->
<DOCTYPE html>
  <html>
    <head>
      <title>Documentation Page</title>
      <link rel="stylesheet" href="styles.css">
      <meta name="viewport" content="width=device, initial-scale=1.0">
      </head>

      <body>
        <nav id="navbar">
          <header>JS Documentation</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>
          
        <main id="main-doc">
          <section class="main-section" id="Introduction">
          <header>Introduction</header>
          <p></p>
          <p></p>
          <li></li>
      </section>

          <section class="main-section" id="What_you_should_already_know">
            <header>What you should already know</header>
          <p></p>
          <p></p>
          <li></li>
          </section>

          <section class="main-section" id="JavaScript_and_Java">
            <header>JavaScript and Java</header>
          <p></p>
          <p></p>
          <li></li>
          </section>
           
          <section class="main-section" id="Hello_World">
            <header>Hello World</header>
          <p></p>
          <p></p>
          <code></code>
          <code></code>
          <code></code>
          <code></code>
          <code></code>
          <li></li>
          </section>

          <section class="main-section" id="Variables">
            <header>Variables</header> 
          <p></p>
          <p></p>
          <li></li>
            </section> 
        </main>  
    </body>
      
  <html>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

2

what about that hint is confusing you? (if anything?) Or do you have another specific question?

3

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