Learn HTML by Building a Cat Photo App - Step 29

HTML-CSS
1

** Step 29

Inside the figure element you just added, nest an img element with a src attribute set to https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg.**

i deleted the dot at end of JPG but still does not works.

**

** 

<!-- User Editable Region -->

<figure>
  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg">
</figure>

<!-- User Editable Region -->

Your browser information:

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

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

Link to the challenge:

2

The <img/> is self-closed tag.
what you’re missing is .jpg"/> `.

3

The slash is not mandatory for self closing elements

4

this code works for me. Try to reset and redo it. (You can force a browser refresh as well using the CTRL+F5 keys)

1 Like
5

I get a " You should have a third img element nested in the figure element." hint. How can you have a 3rd “img” element within the element?? I am baffled. Please assist!

6

If you have a question about a specific challenge as it relates to your written code for that challenge, and you’ve tried to solve it at least 3 times so far and still need some help, just click the Ask for Help button located on the challenge (it looks like a question mark).
This button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

7

I figured it out. Make sure you enter and not just “<im” in both tags. Duh!! :smiley: “<img” is a self-closing tag.