Learn HTML by Building a Cat Photo App - Step 16

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <section> 
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</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>
</body>
</html>

ive tried mutiple different ways to put it but havent been able to get the right way yet need some help

  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14909.100.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

Challenge: Learn HTML by Building a Cat Photo App - Step 16

Link to the challenge:

Hey, in step 16 you just need to add another (empty) section element. Make sure you don’t forget the closing tag. Place it directly below your first section element.

1 Like

i tried it but it says “Your section element should have an opening tag. Opening tags have this syntax: <elementName>.”

What exactly did you type after the last section element (the one you have already successfully coded)? Is it possible you made a typo?

i’ll send u the exact code i got

<main>
  <section>
    <section>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</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>

so u can see the code and how i added the second section

You added an opening section tag before your already existing section element. Delete the opening tag. Place an opening tag and closing tag below your section element. The end of your code should look like this: </section> <section></section> </main></body></html>

1 Like

so all those 3 sections add them to the end?

if possible can u send me an example code so that i can make sure im doing it correctly

The first section closing tag in my solution represents the closing tag you already coded in one of the previous steps. After that one you enter <section></section>. That’s it. You only have to add these two tags.

I think you still have a bit trouble with understanding the structure. I’d recommend watching a YouTube tutorial that explains how to build the cat app like this one.

:grinning:

i appreciate the help and can i ask u for more help since im a beginner but idk how to direc message on here

I’m a beginner myself. So I don’t think I’ll be able to explain problems in the upcoming tasks. :smile:

i would definitly love to learn more. i want to learn and am willing

thats fine but u showed that u understand enough to not only show but it seems like youll get it and explain it better so i wouldnt mind know or talking to someone who i feel is interested in learning like myself

only one section tag you should use between h2, p and a tags :grinning: