Technical Documentation Page - Build a Technical Documentation Page

Someone please help me with a code element that i can use in my code.
Describe your issue in detail here and how come my underscores are not passing. thanks

Your code so far

<!-- file: index.html -->
<DOCTYPE html>
  <html lang="en">
      <meta charset="UTF-8">
      <link rel="styleheet" href="styles.css">
      <title> Paracetamol 500mg Tablets</title>
    <main id="main-doc">
      <h1>Paracetamol 500mg Tablets</h1>
      <section class="main-section" id="What is Paracetamol">
        <header>What is Paracetamol</header>
          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.
      <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 class="main-section" id="How_to_take_Paracetamol">
        <header>How to take Paracetamol</header>
          <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>
      <section class="main-section" id="Possible_side_effects">
        <header>Possible side effects</header>
          <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>
      <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 moiture.</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>
   <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>
/* file: styles.css */

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

The ids in you main section all need to have underscores separating the words


id="What_ is_ Paracetamol">

Thank you i have corrected that. do you have any idea of code elements i can use?

I don’t know look up paracetamol and add a few more sections.

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