Image Adding in html

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

  **Your code so far**

<h2>CatPhotoApp</h2>
<main>

<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg " alt="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 (Linux; Android 8.1.0; vivo 1820) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.92 Mobile Safari/537.36

Challenge: Add Images to Your Website

Link to the challenge:

Describe your problem

I’d written image adding code well,closing the tags,etc. But code Isn’t running… It’s saying to use src attribute.

Hi @FATEMA_Zohora596,

You’re almost there, if you watch carefully the link you added between the quotes, you will see that there is a space at the end. If you remove it, it should work.

1 Like

True. If I add something; I think using one opening “p” element and one closing “p” element to wrap all paragraphs is easier than creating elements for each paragraph.

I don’t think it is a bad practice. It really depends of the situation I think and the way a developer works. In the original code for this challenge, the code is with two p blocks.

If you have many paragraphs within a text for example, how do you proceed most of the time? Do you create only one p block and then add separators with span for example?

Your code all ok! as well picture from online server sometime not loaded if network issue. try the code on code pen .