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 -->
<main id="main-doc">
  <link rel="stylesheet" href="styles.css"/>
  <section class="main-section" id="aaa"><header>aaa</header><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
  <nav id="navbar"><header>aaa</header><a class="nav-link" href="#aaa">aaa</a></nav></section>
  <section class="main-section" id="bbb"><header>bbb</header><p></p><p></p><p></p><p></p><p></p><p></p><code></code><code></code><li></li>
  <nav id="navbar"><header>bbb</header><a class="nav-link" href="#bbb">bbb</a></nav></section>
  <section class="main-section" id="ccc"><header>ccc</header><p></p><p></p><p></p><p></p><p></p><p></p><code></code><code></code><li></li><nav id="navbar"><header>ccc</header><a class="nav-link" href="#ccc">ccc</a></nav></section>
  <section class="main-section" id="ddd"><header>ddd</header><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p><code></code><code></code><li></li><li></li><li></li><li></li><nav id="navbar"><header>ddd</header><a class="nav-link" href="#ddd">ddd</a></nav></section>
  <section class="main-section" id="eee"><header>eee</header><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p><code></code><code></code><nav id="navbar"><header>eee</header><a class="nav-link" href="#eee">eee</a></nav></section>
</main>

/* file: styles.css */
@media(max-width: 600px){
    section {background-color:lightblue;}
  }

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

2

i didn’t understand this task :" Your #navbar should have exactly one header element within it."

3

The navbar is coded twice with a header in each navbar.

This may be the issue.

I believe one navbar for the page is sufficient, with just adding the nav-links to any chosen id on the page.

This is my thoughts. I am only learning too.

But, I have completed this project, so am hoping to help you. :slight_smile:

4

######################################## Thank you sir

1 Like
5

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