Learn HTML by Building a Cat Photo App - Step 16

HTML-CSS
1

Tell us what’s happening:

i literally started self teaching about 5 hours ago, and im getting stuck on this part. I dont see where im going wrong, PLEASE HELP!

It keeps telling me "your section element should have a closing tag. closing tags have a " / " just after the “<” character.

Your code so far

<html>
  <body>

<!-- User Editable Region -->

    <main>
      <h1>CatPhotoApp</h1>
    <section>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Section content</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>
    </main>

<!-- User Editable Region -->

  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.114 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 16

2

hi and welcome to the forum!

for this step, what you’ll need to do is click Reset (the button) to restore the original code which looks like this

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

    </main>

Now looking at the editor where this code is shown, notice the 2 blank lines?
The first blank line is above the h2 element, and just as you did before, you will add again the <section> there. This is the section opening tag.

After that, you will go down to the next blank line (which is right below the anchor tag) and add your closing section tag which should look like this </section>

This will enclose (or nest) the lines from h2 to a inside your section element.

1 Like
3

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