Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

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

Your code so far

<!-- file: index.html -->
<!Doctype html>
<html>
  </html>
    <head>
      <title>JavaScript Documentation</title>
     
      <link rel="stylesheet" href="styles.css">
      <meta name="viewport" content="width=device-width, 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>
    <code></code>
      <code></code>
      <code></code>
      <code></code>
    <li></li>
    </section>
       <section class="main-section" id="What_you_should_already_know">
         <header>What you should already know</header>
         <p></p>
         <p></p>
         <code></code>
         <code></code>
         <code></code>
         <code></code>
         <li></li>
         </section>
         <section class="main-section" id="JavaScript_and_Java">
           <header>JavaScript and Java</header>
           <p></p>
           <p></p>
           <code></code>
           <code></code>
           <code></code>
            <code></code>
           <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>
             <li></li>
             </section>
             <section class="main-section" id="Variables">
               <header>Variables</header>
               <p></p>
               <p></p>
               <li></li>
             
            </section>
            </main>
            </body>

/* 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/107.0.0.0 Safari/537.36 Edg/107.0.1418.35

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

2

This is your code:
image
Please reconsider how it should look like.
‘html’ element should include all other elements:

<html>

all other html elements go here.

</html>

The first word of the declaration at the beginning should be written differently (!uppercase).

3

i still get the same error : “Your Technical Documentation project should use at least one media query” .

4

Do you have a media query in your css file?

1 Like
5

Ok. Your media query should be entered into CSS file, not here in HTML code. In order to do this click on the tab above the code field, with the title “styles.css”:
image
Here, you put your media query. For reference take a look at this topic:

6

thank youuuu

  1. List item
1 Like
7

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