Learn HTML by Building a Cat Photo App - Step 17

HTML-CSS
1

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

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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36

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

Link to the challenge:

2

Welcome to the forum!

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

3

I dont understand how to add the second section

1 Like
4

So, first I would recommend resetting the lesson. I see you added some section tags in the code, but it might be easier to reset and have the challenge fix everything first.

The instructions say " It is time to add a new section. Add a second section element below the existing section element."

What that means is right here is where you should be starting the first section element tag

 <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>
//put the first section tag here then put the closing tag after it

I added a comment of where you need to add the opening and closing section tags.

2 Likes
5

Oh alright, got it, thanks alot! : )

1 Like
6

i tried using that code, but it’s still telling me that the second section should not be nested within the first secion, could you tell me when im doing wrong?

edit: nevermind, I figured out what I was doing wrong

7

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