Learn HTML by Building a Cat Photo App - Step 16

HTML-CSS
1

Tell us what’s happening:
Before adding any new content, you should make use of a section element to separate the cat photos content from the future content.

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

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>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>in our gallery.
   <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/116.0.0.0 Safari/537.36

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

Link to the challenge:

2

Can you talk to us about what part of the instructions is confusing or you want explained differently?

It looks like you made extra changes other than only adding the section tags. I’d reset the code and only add the section tags.

3

Hello!

It appears that the closing p element is missing.

Happy coding

4

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