Build a Cat Photo App - Step 18

HTML-CSS
1

Tell us what’s happening:

how do i put the between the opening and closing tab.

Your code so far

<html>
  <body>

<!-- User Editable Region -->

    <main>
      <h1>CatPhotoApp</h1>
<section>
      <h2>Cat Photos</h2>
      <p>Section title</p>
</section>
     <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
      <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/134.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 18

2

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

You are not asked to create new elements in the section you created, only move the existing elements into it.

If you reset the challenge you can see two empty lines, that is where the starting and closing section tags should be.