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
please where should i add the second section

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36 Edg/107.0.1418.35

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

Link to the challenge:

2

please someone should tell me what to do

3

they said to add it below the “existing section element”
The above code block is the “existing section element”
So you should add the new section after it (below the closing section tag)

4

please can you give me an example
i changed it but its not still working

CatPhotoApp

Cat Photos

Click here to view more cat photos.

A cute orange cat lying on its back.
5 
<section></section>

This is a section element.

6

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

Your code so far

<html>
  <body>
    <main>
        <h1>CatPhotoApp</h1> 
        <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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36 Edg/107.0.1418.35

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

Link to the challenge:

7

like this
its not still working

8

so where should i input it

9

The instructions say to add the new section element below the existing section.

You have nested the existing section element inside a new one.

(That is not what they wanted. Just redo this step and this time type the section element underneath the code I showed you earlier)

10

thanks so much ive figured it out

2 Likes
11

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