Learn HTML by Building a Cat Photo App - Step 16

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> 
      <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>
  </main>
</body>
</html>

ive tried mutiple different ways to put it but havent been able to get the right way yet need some help

  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14909.100.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

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

Link to the challenge:

2

Hey, in step 16 you just need to add another (empty) section element. Make sure you don’t forget the closing tag. Place it directly below your first section element.

3 Likes
3

i tried it but it says “Your section element should have an opening tag. Opening tags have this syntax: <elementName>.”

4

What exactly did you type after the last section element (the one you have already successfully coded)? Is it possible you made a typo?

1 Like
5

i’ll send u the exact code i got

7 
<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>
</main>
8

so u can see the code and how i added the second section

9

You added an opening section tag before your already existing section element. Delete the opening tag. Place an opening tag and closing tag below your section element. The end of your code should look like this: </section> <section></section> </main></body></html>

2 Likes
10

so all those 3 sections add them to the end?

11

if possible can u send me an example code so that i can make sure im doing it correctly

12

The first section closing tag in my solution represents the closing tag you already coded in one of the previous steps. After that one you enter <section></section>. That’s it. You only have to add these two tags.

I think you still have a bit trouble with understanding the structure. I’d recommend watching a YouTube tutorial that explains how to build the cat app like this one.

:grinning:

1 Like
13

i appreciate the help and can i ask u for more help since im a beginner but idk how to direc message on here

14

I’m a beginner myself. So I don’t think I’ll be able to explain problems in the upcoming tasks. :smile:

15

i would definitly love to learn more. i want to learn and am willing

16

thats fine but u showed that u understand enough to not only show but it seems like youll get it and explain it better so i wouldnt mind know or talking to someone who i feel is interested in learning like myself

17

only one section tag you should use between h2, p and a tags :grinning:

18

thanks a loot for your help :slightly_smiling_face:

1 Like
21

you just put opening section above h2 element and then put closing section beneath the a element

22

Hi @fatherofmachine ,
<h1>CatPhotoApp</h1> must be placed in <main>...</main> tag, And before <section> .

23

sorry to bother you but im stuck on step 14 of the cat app. but i had pass it with no prob cause im on 16 well passed it im on 17 but none of my progress wasn saved