Learn HTML by Building a Cat Photo App - Step 17

HTML-CSS
1

Tell us what’s happening:
Whats my mistake here pls
the code isnt running.

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <div>
   <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>
    </div>
  </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/105.0.0.0 Safari/537.36

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

Link to the challenge:

2

Can you be mere specific about what part of the instructions or hints has you stuck or confused?

The instructions did not to add a div.

You need to add a new section after the closing section tag for the section element you already have.

1 Like
3

see what it says here

Test

Sorry, your code does not pass. Hang in there.

Hint

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

4

okay how can i add another section?

5

Yes, I can read the error message. A error message is great, but it doesn’t help me know what you are thinking.

How did you add your first section element? How did you add the p element? How did you add the h1 element?

You need to add an opening and closing section tag.

2 Likes
6

okay thanks, i should write it with the same name as the other section?

1 Like
7

image

The ‘name’ isn’t really a part of the tag, but if you are asking if you should literally type section, then yes.

2 Likes
8

lol, i type “section” and the code cant verify which section do i mean, the first one or the second.
i just open a tag with “dm”

9

Which tag should i open again pls?
Here is my code

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

Test

Sorry, your code does not pass. You’re getting there.

Hint

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

11

This is not a section element either.

You should not create a dm element. I don’t know if that’s a real element.

Also, you need to put the entire new section element after the entire old section element. Absolutely nothing new should be before the old closing section tag.

12

suggest a new section element for me pls

13

Literally type the letters section. That is the only way to create a section element.

14

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