Build Technical Documentation Page

how to do user Story #14

<!DOCTYPE html>
<html>
  <head>
    <title>
      Technical Documentation Page
    </title>
  </head>
  <body>
    <main id="main-doc">
      <nav id="nav-bar">
        <header>TECHNICAL DOCUMENTATION</header>
        <a href="#RICE">RICE</a>
        <a href="#YAM">YAM</a>
        <a href="#BEANS">BEANS</a>
        <a href="#BREAD">BREAD</a>
        <a href="#GARRI">GARRI</a>
      </nav>
      <section class="main-section" id="RICE">
        <header>RICE</header>
        <p>If you're looking for random paragraphs, you've come to the right place. When a random word or a random sentence isn't quite enough, the next logical step is to find a random paragraph. We created the Random Paragraph Generator with you in mind. The process is quite simple. Choose the number of random paragraphs you'd like to see and click the button. Your chosen number of paragraphs will instantly appear.</p>
        <p>If you're looking for random paragraphs, you've come to the right place. When a random word or a random sentence isn't quite enough, the next logical step is to find a random paragraph. We created the Random Paragraph Generator with you in mind. The process is quite simple. Choose the number of random paragraphs you'd like to see and click the button. Your chosen number of paragraphs will instantly appear.</p>
        <code>
          a = 91;
          b = 13;
          c = a/b;
        </code>
        <ul>
          <li>stuff</li>
        </ul>
      </section>
      <section class="main-section" id="YAM">
        <header>YAM</header>
        <p>If you're looking for random paragraphs, you've come to the right place. When a random word or a random sentence isn't quite enough, the next logical step is to find a random paragraph. We created the Random Paragraph Generator with you in mind. The process is quite simple. Choose the number of random paragraphs you'd like to see and click the button. Your chosen number of paragraphs will instantly appear.</p>
        <p>If you're looking for random paragraphs, you've come to the right place. When a random word or a random sentence isn't quite enough, the next logical step is to find a random paragraph. We created the Random Paragraph Generator with you in mind. The process is quite simple. Choose the number of random paragraphs you'd like to see and click the button. Your chosen number of paragraphs will instantly appear.</p>
        <code>
          a = 91;
          b = 13;
          c = a/b;
        </code>
        <ul>
          <li>stuff</li>
        </ul>
      </section>
      <section class="main-section" id="BEANS">
        <header>BEANS</header>
        <p>If you're looking for random paragraphs, you've come to the right place. When a random word or a random sentence isn't quite enough, the next logical step is to find a random paragraph. We created the Random Paragraph Generator with you in mind. The process is quite simple. Choose the number of random paragraphs you'd like to see and click the button. Your chosen number of paragraphs will instantly appear.</p>
        <p>If you're looking for random paragraphs, you've come to the right place. When a random word or a random sentence isn't quite enough, the next logical step is to find a random paragraph. We created the Random Paragraph Generator with you in mind. The process is quite simple. Choose the number of random paragraphs you'd like to see and click the button. Your chosen number of paragraphs will instantly appear.</p>
        <code>
          a = 91;
          b = 13;
          c = a/b;
        </code>
        <ul>
          <li>stuff</li>
        </ul>
      </section>
      <section class="main-section" id="BREAD">
        <header>BREAD</header>
        <p>If you're looking for random paragraphs, you've come to the right place. When a random word or a random sentence isn't quite enough, the next logical step is to find a random paragraph. We created the Random Paragraph Generator with you in mind. The process is quite simple. Choose the number of random paragraphs you'd like to see and click the button. Your chosen number of paragraphs will instantly appear.</p>
        <p>If you're looking for random paragraphs, you've come to the right place. When a random word or a random sentence isn't quite enough, the next logical step is to find a random paragraph. We created the Random Paragraph Generator with you in mind. The process is quite simple. Choose the number of random paragraphs you'd like to see and click the button. Your chosen number of paragraphs will instantly appear.</p>
        <code>
          a = 91;
          b = 13;
          c = a/b;
        </code>
        <ul>
          <li>stuff</li>
        </ul>
      </section>
      <section class="main-section" id="GARRI">
        <header>GARRI</header>
        <p>If you're looking for random paragraphs, you've come to the right place. When a random word or a random sentence isn't quite enough, the next logical step is to find a random paragraph. We created the Random Paragraph Generator with you in mind. The process is quite simple. Choose the number of random paragraphs you'd like to see and click the button. Your chosen number of paragraphs will instantly appear.</p>
        <p>If you're looking for random paragraphs, you've come to the right place. When a random word or a random sentence isn't quite enough, the next logical step is to find a random paragraph. We created the Random Paragraph Generator with you in mind. The process is quite simple. Choose the number of random paragraphs you'd like to see and click the button. Your chosen number of paragraphs will instantly appear.</p>
        <code>
          a = 91;
          b = 13;
          c = a/b;
        </code>
        <ul>
          <li>stuff</li>
        </ul>
      </section>
    </main>
  </body>
</html>

Your browser information:

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

Challenge: Build a Technical Documentation Page

Link to the challenge:

1 Like

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

1 Like

HI @lordnovia !

It would be better if you shared a link with the forum.
Especially since, user story 14 has to deal with css which you haven’t shown us.

Thanks!

1 Like

My interpretation is that user story #14 and #15 are related. If we put the rules to satisfy #14 inside the media query for #15, we might be all right.