Add Images to Your Website what is wrong!?

HTML-CSS
1

Tell us what’s happening: what’s wrong. Do I ne
ed
Jpg

Your code so far


<img src="https://bit.1y/fcc-relaxing-cat.jpg"alt="relaxing cat."/>
<h2>CatPhotoApp</h2>
<main>
  
  
  <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 (Linux; Android 7.1.2; LML413DL Build/N2G47H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Mobile Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/add-images-to-your-website

2

I think you should double check on what your src attribute is compared to the src attribute the challenge says to put in.

3

@Junior3 Hi there.

It appears you have made a typo inside the “src” attribute, specifically a 1 instead of a l.

Your image src: src="https://bit.1y/fcc-relaxing-cat.jpg"

Required image src: src="https://bit.ly/fcc-relaxing-cat"

Also because the <img> src is provided as a url (an online web address), you do not need to add a file type extension such as .jpg (This will break the link)

This worked for me:

<img src="https://bit.ly/fcc-relaxing-cat" alt="any text will do"/>
<h2>CatPhotoApp</h2>

<main>
  <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>

You are also not required to use a / to close the img element, as it is self closing and works fine as <img src="#" alt="some text">. But this won’t effect the result of the test.

Hope this helped!

1 Like