Build a Cat Photo App - Step 18

HTML-CSS
1

Tell us what’s happening:

why this code is not fonctioning

Cat Photos


Everyone loves cute cats online!

Your code so far

<html>
  <body>

<!-- User Editable Region -->

    <main>
      <h1>CatPhotoApp</h1>
    <section>
      <h2>Cat Photos</h2>
      <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>  </section>
      <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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.2 Safari/605.1.15

Challenge Information:

Build a Cat Photo App - Step 18

2

Hi there, welcome to the community!

The lesson asks you to:

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

However, your current section only wraps the first h2, one p, and one anchor element. You’re missing the second p and the image anchor that should also be included inside the section.

Please make sure all the required elements are nested within the same section.

Example Code 
<section>
  <h2>Section Title</h2>
  <p>Section content...</p>
</section>

You’re almost there — keep going!

3

Hey buddy Here you have added opening section element kindly do add the closing section element </section> after your closing anchor tag.

Hope You Understand.