Learn HTML by Building a Cat Photo App - Step 17

HTML-CSS
1

What’s happening

So the challenge was to:
Add a second section element below the existing section element.
But I cannot solve it.

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

Browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.2; Win64; x64; rv:109.0) Gecko/20100101 Firefox/115.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 17

2

Hi there and welcome to our community!

You haven’t added the second section element below the existing one. You have nested one inside the other.

To add an element below another, it must come after the closing tag of the existing element.

EXAMPLE:

<!-- div 2 is nested inside div 1 -->
<div id="1">
  <div id="2">
  </div>
</div>

<!-- div 2 is below div 1 -->
<div id="1">
</div>
<div id="2">
</div>
1 Like
3

did it already
Didn’t do it

4

I added an example to my post, which might help?

5

Thanks. Finally. :smile:
I’m glad that some one helped me.

1 Like
6

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