Learn HTML by Building a Cat Photo App - Step 16

HTML-CSS
1

Tell us what’s happening:
I don’t understand how to add the section tags. Where would I put them, how many do I need, and why do I need them there? I’ve looked at other posts but haven’t been able to understand them very well so if you could please answer, I would love that.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <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>
      </section>
      <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>
  
  </body>
</html>

Your browser information:

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

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

Link to the challenge:

2

the instructions say:

Take your h2 , comment, p , and anchor (a ) elements and nest them in a section element.

So since they said “a section element”, then that means you should add exactly one.
(vs. for example “nest them in section elements” would mean more than one)

You have done a good job but your section closing tag is one line too high.
(your a element needs to be above it)

1 Like
3

Yea I saw that later when my dad came home and I realized that I needed the (a) element. I was just a tab bit confused about what else to put. Thank you though!

1 Like
4

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