Im stuck on the CatPhotoApp

HTML-CSS
#1

Tell us what’s happening:
Hi, I am stuck on the last step

Your code so far

CatPhotoApp

'fcc

Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.

Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.


<h2>CatPhotoApp</h2>
<main>


<img src=http:bit.ly/fcc-relaxing-cat alt= 'fcc relaxing cat'>
<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 (X11; Linux aarch64) AppleWebKit/537.36 (KHTML, like Gecko) Raspbian Chromium/78.0.3904.108 Chrome/78.0.3904.108 Safari/537.36.

Challenge: Add Images to Your Website

Link to the challenge:

#2

this should be
<img src="http:bit.ly/fcc-relaxing-cat" alt= "fcc relaxing cat">

there should be “quotation marks”

hope this helps

1 Like
#3

Remove the space between alt= and “”.

#4

Hi Christine,
I have tried different ways and it does not work, I think I’m done…lol

<h2>CatPhotoApp</h2>
<main>

<img src="http:[bit.ly/fcc-relaxing-cat](http://bit.ly/fcc-relaxing-cat)" alt = "fcc relaxing cat">
<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>
#5

Hello Coder,

I have tried different ways and it does not work, I think I’m done…lol

<h2>CatPhotoApp</h2>
<main>

<img src="http:[bit.ly/fcc-relaxing-cat](http://bit.ly/fcc-relaxing-cat)" alt = "fcc relaxing cat">
<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>
#6

you are using the wrong links…

the challenge isntructions says

Now set the src attribute so that it points to this url: https://bit.ly/fcc-relaxing-cat

(note you are missing the // in the link you are using in the first post)

you just need to create an img element

<img>

give it a src attribute

<img src="">

use the given link as value of that attribute (inside the quotes)

and then give it an alt attribute with a couple of words of description

<img src="" alt="">
1 Like
#7

I appreciate your help everyone, with out all your comments I would not be able to figure it out.

#8

Hey pal, let me help u. I was like u before but figured out the real issue. See below.

img src=“https://bit.ly/fcc-relaxing-cat” alt=“a cute orange relaxing cat lying on its back” >

NOTICE!
1.The (img) and (src) have one space.
2.The the source attribute in quotes and (alt) also have one space.
The main part is the alt text must be relevant with the image visuals as to describe fully what the content of the image is. Use my sample.

The alt must contain “a cute orange relaxing cat lying on its back”
:hugs:ADD THE “<” IN THE (IMG) :hugs: