Learn HTML by Building a Cat Photo App - Step 16

HTML-CSS
1

Tell us what’s happening:

its telling me h1 should not be nested under section I don’t know what that means someone pls help me, I’ve been stuck on this for 2hours

Your code so far

<html>
  <body>

<!-- User Editable Region -->

    <main>
      <section>
       <h1>CatPhotoApp</h1>

       <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>
    </main>

<!-- User Editable Region -->

  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 16

2

That means they didn’t want the section tags to enclose the h1 element.
Move the section starting tag to the line below the h1 element to not nest it anymore. (To nest something in something else is to place it inside something. Like nesting Russian dolls)

2 Likes