Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
code for navlink not passing test
Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang='en'>
<head>
  <meta name='viewport' content='width=device-width, initial-scale=1.0'>
  <meta charset="UTF-8">
  <link rel='stylesheet' href='styles.css'>
</head>
<body>
  <main id='main-doc'>
    <header class='head'>Technical Documentation Page</header>
    <section class='main-section' id='Tech_Doc_Page'>
      <header class='head1'>Tech Doc Page</header>
      <div>
        <nav id='navbar'>
          <header>Javascript defined</header>
          <a href='#questions' class='nav-link'>Questions</a>
          <a href='#introduction' class='nav-link'>Introduction</a>
          <a href='#what_you_should_know' class='nav-link'>What you should know</a>
          <a href='#javascript' class='nav-link'>Javascript</a>
          <a href='#java' class='nav-link'>Java</a>
        </nav>
      </div>
      <p>Javascript is a cross-platform</p>
      <p>object oriented</p>
      <p>scripting language</p>
      <p>javacsript cantains a standard library of objects</p>
      <p>e.g Array, Date,and Math</p>
      <p>client-side javascript extends the core language by </p>
      <p>supplying objects to control a browser</p>
      <p>server-side javascript extends the core language by</p>
      <p>supplying objects relevant to running javascript on a server</p>
      <p class='main_section'>what you should already know</p>
      <ul>
        <li>html</li>
        <li>css</li>
        <li>javascript</li>
        <li>java</li>
        <li>react js</li>
      </ul>
      <code></code>
      <code></code>
      <code></code>
      <code></code>
      <code></code>
      <header class='main_section' id='questions'>Questions</header>
    </section>
    <section class='main-section' id='introduction'>
      <header class='main_section' >Introduction</header>
    </section>
    <section class='main-section' id='what_you_should_know'>
      <header class='main_section' >What you should know</header>
    </section>
    <section class='main-section' id='javascript'>
      <header class='main_section'  >Javascript</header>
    </section>
    <section class='main-section' id='java'>
      <header class='main_section' >Java</header>
    </section>
  </main>
</body>
</html>


/* file: styles.css */
body{background-color:black;
color:white;
margin:5%}
.head{text-align:center;
font-size:30px;
font-weight:600;
padding:5px;
margin:10px;}
.head1{font-size:20px;
margin:20px;
}

p{text-align:center;
font-size:20px;}

@media(min-width:700px) and (max-width:1199px){}

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

2

Welcome to our community!

You don’t have the nav-link for the following ‘section’ element with the class attribute set to the value of “main-section”:

<section class='main-section' id='Tech_Doc_Page'>
3

it’s still not working.

4

Always post the new, corrected code here.

5

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