Learn HTML by Building a Cat Photo App - Step 17

HTML-CSS
1

Tell us what’s happening:

The description said : It is time to add a new section. Add a second section element below the existing section element.
I don’t really understand what to do. Where should I add the new section? I try to add it but it says that I should not do it inside the new one or that it should have another name.

Your code so far

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

<!-- User Editable Region -->

      <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>

<!-- User Editable Region -->

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

Your browser information:

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 17

2

Hello, you can add another section tag after your previous section closing tag. It should be like this:

<section>

</section>
<your new section tag>

</your new section tag>
2 Likes
3

Hii, I tried it and it still doesn’t work :frowning: thx for answering though

4

Your section element should have an opening tag. Opening tags have this syntax: <elementName>.

That’s what the hint says and I still don’t understand :face_with_peeking_eye: :dotted_line_face:

5

hi. maybe just to try to write this again? Or reset the step?

1 Like
6

I’ve tried that too, but it still doesn’t work.
I will keep trying to solve this :face_with_spiral_eyes:

8

Hey,
You have got a good approach.
The thing is section tag have both opening and closing tag just like this
<section> Your Example Content </section>

so where you are closing the first section
just after </section>

create a new section tag <section> and write your content and then close the section tag like this </section>

I hope this will work the way you wanted it to work.

Thanks.

2 Likes
9

Thank you so much!
I could finally find a solution with your explanation and now can go into the next lesson<3

2 Likes
10

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