Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:
I cant figure out the last two steps

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html lang="en"></html>
<main id="main-doc"> 
<section class="main-section" id="INTRORDUCTION">
  <header>INTRORDUCTION</header>
  <p></p>
  <P></p>
  <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>
  <li></li>
  </section>
<section class="main-section" id="JavaScript_and_Java">
  <header>JavaScript and Java</header>
  <p></p>
  <p></p>
  <code></code>
  <li></li>
</section>
<section class="main-section" id="Hello_world">
  <header>Hello world</header>
  <p></p>
  <p></p>
  <code></code>
  <li></li>
</section>
<section class="main-section" id="Variables">
  <header>Variables</header>
  <p></p>
  <p></p>
  <code></code>
  <li></li>
</section>
  <nav id="navbar">
  <header>honestly,nevermind</header>
  <a class="nav-link" href=>INTRORDUCTION</a>
  <a class="nav-link" href=>What you should already know
  </a>
  <a class="nav-link" href=>JavaScript and Java</a>
  <a class="nav-link" href=>Hello world</a>
  <a class="nav-link" href=>Variables</a>
</main>

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

2

Do you mean user story numbers 14 and 15?

3

I dont understand both :confused:

4

So the user stories you asked about say:

  1. On regular sized devices (laptops, desktops), the element with id="navbar" should be shown on the left side of the screen and should always be visible to the user
  2. Your technical documentation should use at least one media query

The second one is probably the quickest one to solve. Do you recall learning about media queries?
Refer here to refresh your memory

As for number 14, it is just asking you to position the navbar so it on the left. (On a regular size screen)

1 Like
5

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