Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:
how do i introduce the nav element with an id of navbar, please where are my getting it wrong i am frutrated.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Technical Documentation page</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    

  </head>
  <body>
    <main id="main-doc">
      <section class="main-section" id="letter_address"><header><p><code>letter address</code></p></header><li></li>
      </section>
      <section class="main-section" id="letter_greetings"><header><p><code>letter greetings</code></p></header><li></li></section>
      <section class="main-section" id="letter_topic"><header><p><code>letter topic</code></p></header><li></li></section>
      <section class="main-section" id="letter_introduction"><header><p><code>letter intoduction</code></p></header><li></li></section>
      <section class="main-section" id="letter_body"><header><p><code>letter body</code></p></header><li></li></section>
      <section class="main-section" id="letter_conclusion"><header><p><code>letter conclusion</p></code></header><section>
        <section class="main-section" id="letter_signature"><header><p><code>letter signature</code></p></header></section>
        <section class="main-section" id="ijeoma_uwaechia"><header><p><code>ijeoma uwaechia</code></p></header></section>
        <section class="main-section" id="nwankwo_uchenna"><header><p><code>nwankwo uchenna</code></p></header></section>
        <section class="main-section" id="emmanuel_obia"><header><p><code>emmanuel obia</code></p></header></section>
    </main>

  </body>
</html>

/* 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/108.0.0.0 Safari/537.36

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

2

This is a snippet from your code:
image
Here ‘main’ is an element, and ‘id’ follows. Follow the rule.

3

If you pay attention to the site you are imitating, there is a navigation bar of about eleven tabs where when you click takes you to the main parts of the page. On the page for instance, when you click "introduction " it takes you to the portion on introduction.

So simply introduce the nav with id of navbar

4

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