Learn HTML by Building a Cat Photo App - Step 16

HTML-CSS
1

Tell us what’s happening:

how do i anchor (a) h2 and p comment then nest themin section element

Your code so far

<html>
  <body>

<!-- User Editable Region -->

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

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 16

2

You have some problems here, reset the step and try again.

“nest” means something goes between the opening and closing tags. Here I nest a h2 within p:

<p>
    <h2>nested</h2>
</p>
3

hi there,

please click the reset button to return the code back to the starting state.

After that, add the opening tag of the section element to the line above the h2 element.
And then add the section closing tag on the line below the anchor element.