Learn HTML by Building a Cat Photo App - Step 17

HTML-CSS
1

Tell us what’s happening:

its showing that sorry, your code does not pass. Hang in there.
The second section element should not be nested in the first section element.

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 17

1 Like
2

Hello!

Move one of these down to before the lowest closing section tag and see what happens.

Wishing you good progress!

1 Like
3

sorry, i don’t understand

1 Like
4

Move one of the opening <section> element tags to before the closing </section> at the bottom.

It should appear together as this example with p element tags.

<p></p>

I hope this helps you.

Wishing you good progress!

1 Like
5

Currently, the original section and all of its content are within the new section you added to the code.

The system is asking that this not be the way the code is completed.

It is asking that the second section entered have both the opening and closing tags below the closing section tag from the original one.

1 Like
6

I got it , Thank you for your help

2 Likes
8

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