Learn HTML by Building a Cat Photo App - Step 17

HTML-CSS
1

Tell us what’s happening:

It’s showing “your code doesn’t pass”. I’m not able to find the error.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>

<!-- User Editable Region -->

      <section>
        <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.</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>
        </section>
      </section>
      

<!-- User Editable Region -->

    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:121.0) Gecko/20100101 Firefox/121.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 17

2

Hello! @aleenaannamathew.b21

The task for step-17 is this…

image

In the code you’ve provided, you have nested a section inside another section tag, which is not necessary.

image

We can add our second section below the first one, instead of nesting it.

If you’re still stuck, here is the solution:

Solution 
<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.</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>
      </section>
      <section>
        </section>

You’ve got this! Happy Coding :slight_smile:

1 Like
4

Thankyou for the code.

1 Like
5

Good luck! :slight_smile: :+1:

Happy Coding!

6

Also, your answer to step-48 is correct! check that post…

1 Like
7

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