Task 27: The ol element should be above the second section element's closing tag. You have them in the wrong order. What am I doing wrong?

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
      <section>
         <ul>
        <h2>Cat Lists>ol><ol></h2>
         <h3>Top 3 things cats hate: <ol></h3>
        <li>flea treatment</li>
        <li>thunder</li>
        <li>other cats</li>
        <h3>Things cats love:</h3>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
          </ol>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        </section>`Preformatted text`

It looks like you’ve changed a lot of stuff you shouldn’t have. I would restart the step to get the original HTML back.

You want to add the new ordered lists after the h3 element with the text “Top 3 things cats hate:”. Do not make any other changes. Just add the ordered list with the three items in it below that h3 element.

I refreshed the HTML and started again but still get the same message :slight_smile:

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."<ol></a>
      </section>
      <section>
         <ul>
        <h2>Cat Lists:</h2>
        <h3>Top 3 things cats hate:</h3><ol>
        <li>flea treatment</li>
        <li>thunder</li>
        <li>other cats</li></ol>
        <h3>Things cats love:</h3>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        </section>

You are moving things around that you shouldn’t. You have moved the “Top 3 things cats hate:” h3 above the “Things cats love:” h3. Please restart the step and leave everything in place as it is. Then just add the new ordered list after the “Top 3 things cats hate:” h3, which is below the figure.

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