Build a Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:

I’m having problems getting test 8 to pass,

Each .main-section should have an id that matches the text of its first child, having any spaces in the child’s text replaced with underscores (_) for the id’s.,

Either I don’t understand what they are asking me, or I have a typo somewhere that I can’t find. I’ve tried this on two different browsers and it doesn’t pass on either so I’m thinking there’s an issue with my code somewhere.

Your code so far

<!-- file: index.html -->

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:156.0) Gecko/20100101 Firefox/156.0

Challenge Information:

Build a Technical Documentation Page - Build a Technical Documentation Page

GitHub Link: freeCodeCamp/curriculum/challenges/english/blocks/lab-technical-documentation-page/587d78b0367417b2b2512b05.md at main · freeCodeCamp/freeCodeCamp · GitHub

Hi @Faygo

Please update your post to include your full code.

Happy coding

Your code was too long to be automatically inserted by the help button.

Please update the message, or reply to this one, to include your code, formatted as follows:

There are two ways you can format your code to make it easier to read and test:

  1. After you copy/paste your code into the editor, select it by dragging your cursor over it then click the (</>) button in the toolbar to automatically wrap your code in backticks. (You can click on the animated demo image below to enlarge it.)

  1. Manually add three backticks on a new line above your code and on a new line after your code. Note that a backtick is NOT the same as a single quote('). To find the backtick key on your keyboard, see this post.

To see changes to your post as you make them, you can click the (M+) button on the toolbar to bring up the rich text editor:

<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Technical Documentation Page</title>
    <link href="styles.css" rel="stylesheet">
  </head>

<body>
    <main id="main-doc">
      <section class="main-selection"></section>

  <section class="main-selection"></section>
  
  <section class="main-selection"></section>
  
  <section class="main-selection"></section>
  
  <section class="main-selection"></section>
  
  <section class="main-section" id="family_history">
    <header>
      <h2><code>Family history</code></h2>
      <p>We all have a point of origin just like our parents, grandparents, great-grandparents, and so on.  Even if you feel like the accomplishents in your life are trivial; even if you feel like your life doesn't matter it is important to make an attempt to document what little time you had in this world, because, in the grand scheme of things, it does matter.</p>
      <p>At some point in time, someone from a future genertion is going to attempt to navigate the family tree because they want to know where they come from and it really isn't fair to anyone, yourself included, if you aren't up front with the facts that surround your life whether they be good or bad.  Here are some reasons why people study their family history: </p>

      <ul>

        <li>To figure out why they behave the way they do.  Recently there have been studies that indicate that traumatic events can be imprinted into someones DNA.  For example, if a member of a past generation was mauled by a large dog, the fear of large dogs can be imprinted into the DNA of future generations even if the event was never shared with anyone.  So, a lot of people may turn to genealogy to figure out what makes them tick.</li>

        <li>Medical history. Many medical conditions are hereditary from cancer, heart disease, diabetes to mental illness and beyond.  If ancestors are not forthcoming about these conditions, it may prompt someone to turn to genealogy to find answers.  Even people that are healthy are asked about their family history of certain conditions, but if this information isn't available to a person it can cause a lot of future pain and suffering.  For example, colonoscopies are currently recommended every ten years for individuals 45 years and older.  However, for individuals that have a family history of colon cancer, screening may need to be done more frequently because those individuals are at a higher risk level.</li>
      </ul>  
    </header>
  </section>
  
  <section class="main-section" id="photographs_and_location_information">
    <header>
      <h2><code>Photographs and location information</code></h2>
      <p>Photographs are a great way to contribute to your family history.  Your descendants will definitely be interested in how you looked throughout your lifetime.  Many people may wonder how genetics contributed to their own looks, so finding a photo of someone that shares their stature, eye color,or that weird cowlick that nobody in the immediate family seems to have can go a long way in helping someone figure out why they look the way they look.</p>
      <p>Also, providing details about where you've been and where you went in life can shed light on why someone from Idaho seems to have a lot of family members in Indiana.  Immigration records, address histories, and travel journals go a long way in helping a younger generation understand why they live where they live.</p>
    </header>
  </section>

  <section class="main-section" id="birth_and_death_records">
    <header>
      <h2><code>Birth and death records</code></h2>
      <p>Birth certificates provide not only information about a particular individual, but they usually include some details about the person's parents as well.  Generally the mother's maiden name is included on birth certificates and that alone can be invaluable for tracking down maternal ancestors</p>
      <p>Death certificates also provide information on an individuals parents, but they also include other key details such as:</p>

      <ul>
        <li>Marital status and spouses name if available.</li>
        <li>Occupation details if applicable.</li>
        <li>Cause of death</li>
        <li>location of death</li>
        <li>Burial information.</li>
        </ul>
    </header>
  </section>
  
  <section class="main-section" id="marriage_and_divorce_records">
    <header>
      <h2><code>Marriage and divorce records</code></h2>
      <p></p>
      <p></p>
    </header>
  </section>
  
  <section class="main-section" id="career_paths_and_military_service_details">
    <header>
      <h2><code>Career paths and military service details</code></h2>
      <p></p>
      <p></p>
    </header>
  </section>
</main>

</body>
</html>




these look empty to me, they don’t have an ID nor a first element to get the ID from

this one needs the id from the content of header (as it’s the first child), so the expected ID is much longer than what you have now, and same thing to the others

Please forgive me, but I’m still confused. Are you saying that main-selection class has something to do with this even though test 8 only makes mention of the main-section class? Again, please forgive me for being a little dense. Sometimes I have a hard time getting my mind to wrap around something, lol.

Actually, I’m even denser than I thought. Disregard my last reply please. I think that I’m seeing it now.

Thanks for your help. I got it now.