Learn HTML by Building a Cat Photo App - Step 17

HTML-CSS
1

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

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>

<!-- 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>cat list
        </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/116.0.0.0 Safari/537.36

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

Link to the challenge:

2

It looks like you tried to add a new section element, but this one isn’t closed properly.

Also, it should come after your first section, not inside it.

2 Likes
3

Hello and welcome to the community :smiley:!
You’ve deleted the section closing tag that should come right after your img element and before your new sections opening tag.

4

Welcome!

You have the correct idea to add the section after the closing tag of the previous section.
However, it appears that the opening < section > tag for the new < section> < /section> has been place inside of the closing element for the previous section.

As well, a tip, do not put anything into the new section until the instructions tell you to do it. Otherwise, it will cause you to fail because the system is looking for the specific code to be entered.

Happy coding!
:slight_smile:

5

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