Learn HTML by Building a Cat Photo App - Step 16

HTML-CSS
1

Tell us what’s happening:
i dont know how to create a section element

Your code so far

<html>
  <body>

<!-- User Editable Region -->

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

<!-- 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/110.0.0.0 Safari/537.36

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

Link to the challenge:

2

The name of the element is section, so that ought to give you an idea of how to create the tags for it. You want to nest the existing elements inside of the section, so that implies that the section element should have both an opening and closing tag.

3

Before <h2> add an opening section tag <section>, and after </a>, add a closing section tag </section>
I hope this helps.
Thank you.

1 Like
4

Thank you for the simple and clear answer. I was stuck for 30 mins, watched videos, and read other forum contributors, but no way. But your answer here helped me pass. It Has also given me more understanding of nesting elements into sections.

5

I am glad I was able to help.
Thanks