Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:

please help me figure out the problem i’ve done the changes but still no output on technical documentation from handling the nav-link href

Your code so far

<!-- file: index.html -->
<main id="main-doc">
  <head>
    <link rel="stylesheet" href="styles.css"</head><section
  id="Introduction" 
  class="main-section">
    <header>Introduction</header>
  <p></p>
  <p></p>
  <code></code>
  <li></li>
 </section>
 
  <section id="What_you_should_already_know" class="main-section">
    <header>What you should already know</header>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
    </section>
  
  <section
  id="Javascript_and_java" class="main-section">
    <header>Javascript and java</header>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
    </section>
  
  <section
  id="Hello_world"
  class="main-section">
    <header>Hello world</header>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
    </section>
  
  <section
  id="Variables"
  class="main-section">
    <header>Variables</header>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
    </section>
</main>
<nav id="navbar">
  <header>build a technical documentation-page</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>

/* file: styles.css */
@media screen and (min-width: 40%) {
    main {
        padding: 40px;
    }
}

Your browser information:

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

Challenge Information:

Technical Documentation Page - Build a Technical Documentation Page

2

Hello!

href="#What-you-should-already-know"
href="#Javascript-and-java"
href="#Hello-world"

You should use underscores (_) to replace the spaces in your attribute values instead of hyphens (-).

1 Like
3

Also your HTML is missing some of the basics that you need in an HTML document, such as your DOCTYPE, head, main elements etc.
Here is 2 websites that you can read through to get some of the basics.

1 Like
4

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