Learn HTML by Building a Cat Photo App - Step 16

HTML-CSS
1

Tell us what’s happening:
January 4th, 2023
We haven’t been taught how to add a section within a section, at this point, and I’ve made multiple attempts with no avail.
Some assistance would be greatly appreciated.

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/108.0.0.0 Safari/537.36 Edg/108.0.1462.46

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

Link to the challenge:

2

you are asked to take the h2, comment, p and a elements and nest them in a section element.
This is exactly the same as when you added the main element but now the element is called section and its opening tag will go above the h2 line this time while its closing tag will go below the a line.

Nesting is nesting. The same concept, different elements.

3

Thank you very much! I appreciate it. I was trying so hard I missed the obvious answer :woman_facepalming:

1 Like
4

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