Im having issues with -Your image should have a src attribute that points to the kitten image

HTML-CSS
1

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

Hi guys i need help

   **Your code so far**

<h2>CatPhotoApp</h2>
<main>

<img src="https://www.freecatphotoapp.com/your-image.jpg" alt="freeCodeCamp logo">


 <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
 <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>

   **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.61 Safari/537.36

Challenge: Add Images to Your Website

Link to the challenge:

2

It helps if you provide more information so people know where to start looking. Also, describing the problem sometimes help you fix it.

This looks like a sample url instead of a real url. You should see a picture of a cat if you have the right url.

3

ok so i have to upload a real image to my page? thanks

4

No. You have to use the url for the cat image that the instructions provide instead of using the sample url.

5

im trying but things arent really wroking out, maybe im still doing something wrong.

6

Within the existing main element, insert an img element before the existing p elements.

Now set the src attribute so that it points to the url https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg

Finally, don’t forget to give your img element an alt attribute with applicable text.

What url are you using?

7

This is what i did

<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg 
your-image.jpg" alt="freeCodeCamp logo">

but now its saying Your image should have a src attribute that points to the kitten image.

8

What’s this part? I think that you forgot to delete something.

9

jus so you know im not to computer savy, but im putting in the time to learn

10

so this entire time all i had to do was delete “your-image.jpg”
wow…

11

finally i see the kitten to the upper right of my screen but still requesting Your image should have a src attribute that points to the kitten image.

12

What is your full code?

13

what do you mean my full code?

14

All this. What does it look like now?

15 
<h2>CatPhotoApp</h2>
<main>

<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg " alt="freeCodeCamp logo">

  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>
16

This extra test is confusing the tests.

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

17 
<h2>CatPhotoApp</h2>
<main>

<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg " alt="freeCodeCamp logo">

  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>
18

You need to remove the extra space between .jpg and "

19

i did & it worked, on to the next challenge. thank you! :sunglasses:

20

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