Learn HTML by Building a Cat Photo App - Step 17

HTML-CSS
1

Tell us what’s happening:

I can’t enter the second section below an existing one.

Your code so far

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

<!-- User Editable Region -->

      <section>
        <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>

      
      

<!-- 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/128.0.0.0 Safari/537.36 Edg/128.0.0.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 17

2

Did you add with the opening and closing tag like this?

  <section></section>

It worked when I ran it.

1 Like
3

hi there!

What you have in your code right now is a nested section element inside another section element. This is because you tags are in this order:

<section>
<section>
...
</section>
</section>

Instead of this, you need to reset and add the section element below the existing section.
Which means your new section opening tag should go below the old section’s closing tag.
(on a new line below it)