Learn HTML by Building a Cat Photo App - Step 16 - skybBUO16nEtZsC-8Kh67

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
  <section>  
    <section>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</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>
  </main>
</body>
</html>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Linux; Android 11; TECNO BD4j) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Mobile Safari/537.36

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

Link to the challenge:

2

Perhaps add a statement on the exact issue you are facing. That way, you can get more help :slight_smile:

3

An element starts with its opening tag (<section> in this case) and ends with its closing tag (</section>) in this case. So when you are asked to add a new section below, or after the existing section, that means to add it after the entire section element, which means both the opening and closing tags. Right now you have nested the existing section in a new section.

4

Please when you say after the entire section element l, can you please explain or an example can do, please

5

Restart the step to get the original HTML back. You should see the following:

      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</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>

Do you see how this section element starts with an opening <section> tag and ends with a closing </section> tag. Those two tags, plus everything in between them, make up this entire section element. So to add a new section element below, or after this one means to add the new section after all of this, after the entire section element.

7

Thanks so much, it worked. You really helped me, I wish you can be my personal teacher as I go along this course, because I will need a mentor to finish this course.

8

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