Learn HTML by Building a Cat Photo App - Step 18

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</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>

<!-- User Editable Region -->

 <section>
  <h2>Cat Photos</h2>
  <!-- TODO: Add link to cat photos -->
  <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</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>
  <h2>Cat Lists</h2>
  <!-- TODO: Cat Lists -->
</section>







<!-- User Editable Region -->

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

Challenge: Learn HTML by Building a Cat Photo App - Step 18

Link to the challenge:

2

You added a duplicate Cat Photos section. I’ll give you a piece of advice that will make your experience here at FCC much nicer. Do only what the instructions ask you to do and no more. Do not make any changes that they do not ask you to make. Even the smallest unexpected change can cause the tests to fail.

Therefore, you might want to reset the step to get the original HTML back and then only do the following:

“Within the second section element, add a new h2 element with the text Cat Lists.”

You actually did this correctly. You just made other changes that you shouldn’t have.