Technical Documentation Page - Build a Technical Documentation Page

Someone please help me with code elements. i have read about them but cant seem to understand how and where to apply them in my particular code. Thanks

Your code so far

<!-- file: index.html -->
<DOCTYPE html>
  <html lang="en">
    <head>
      <meta charset="UTF-8">
      <link rel="styleheet" href="styles.css">
      <title> Paracetamol 500mg Tablets</title>
    </head>
    <main id="main-doc">
      <nav id="navbar">
  <header>Paracetamol 500mg Usage and Storage</header>
  <a class="nav-link" href="#What_is_Paracetamol">What is Paracetamol</a>
  <a class="nav-link" href="#Warnings_and_Precautions">Warnings and Precautions</a>
  <a class="nav-link" href="#How_to_take_Paracetamol">How to take Paracetamol</a>
  <a class="nav-link" href="#Possible_side_effects">Possible side effects</a>
  <a class="nav-link" href="#How_to_store_Paracetamol">How to store Paracetamol</a>
</nav>
      <h1>Paracetamol 500mg Tablets</h1>
      <section class="main-section" id="What_is_Paracetamol">
        <header>What is Paracetamol</header>
        
        <p>
          This medicine is called Paracetamol. It belongs to a group of medicines called Painkillers and is used to treat pain including(headache,toothache, backpain) and flu symptoms.
        </p>
      </section>
      <section class="main-section" id="Warnings_and_Precautions">
        <header>Warnings and Precautions</header>
        
        
          <p>Not to be taken by children under the age of 10.</p>
          <p>Please inform your doctor if your taking other medicines before taking paracetamol.</p>
          <p>You should not take Paracetamol if your pregnant or breastfeeding.</p>
          <p>You should not drink alcohol while taking paracetamol.</p>
       
        <p>While taking Paracetamol, you shouldnt take any other medicine which contains paracetamol including some painkillers, cough and cold remedies.</p>
        <p>Tell your doctor if you are allergic to the active substance or any other ingredients in the medicine. examples od allergic reactions include rash and breathing problems.</p>
        <p>Take special care and talk to your doctor if you have severe liver or kidney problems before taking paracetamol.</p>
      </section>
      <section class="main-section" id="How_to_take_Paracetamol">
        <header>How to take Paracetamol</header>
       <ul>
          <li>Take as recommended by your doctor and if you need to take it more than three days talk to your doctor.</li>
          <li>2 tablets for adults and children over the age of 16.</li>
       </ul>
      </section>
     
      <section class="main-section" id="Possible_side_effects">
        <header>Possible side effects</header>
        <ul>
          <li>Stop taking paracetamol if you experience swelling of hands,feet and face.</li>
          <li>Serious sick reaction.(very rare)</li>
          <li>Infection or bruising more than usual(very rare)</li>
        </ul>
      </section>
      <section class="main-section" id="How_to_store_Paracetamol">
        <header>How to store Paracetamol</header>
        <p>Paracetamol should be stored away from children and stored in original package in order to protect it from moisture.</p>
        <p>Do not throw away medicines via wastewater or household waste.Ask your pharmacist how to throw away medicines you nolonger use. These measures will help protect the environment.</p>
        <p>Do not use medicine after the expiry date shown on the pack. Expiry date refers to the last day of that month.</p>
       
      </section>

    </main>
    <html>
/* file: styles.css */
@media(max-width:700px){

}
header {
  font-weight: bold;
}
* {
  font-family: sans-serif;
}

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

The code element is used to markup computer code. I think the assumption was that this project would be about something related to computers and thus you would have code to display on the page. Since yours isn’t, you can just use the code element for something else. The tests aren’t going to make sure you are using the element correctly, only that you have five of them on your page.

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