https://codepen.io/herbertarcher7/pen/NQgJZO?editors=1100

https://codepen.io/herbertarcher7/pen/NQgJZO?editors=1100
Hello guys, please i need help. The image there is not displaying and i don’t know why. Because i have given it source directly from a site but it is not displaying.

The source you linked to is a webpage, not an image. When I replaced the source with the image source “https://www.sahistory.org.za/sites/default/files/bio_pics/kwame-nkrumah.jpg” it worked for me.
-J

Okay, so do you mean i should replace this link it is going to work. Please how did get the link to an image.

And also please how do i make it responsive to the width of the web page.

When you’re on the webpage with the image, right-click the image itself and select “copy image address”.
-J

Okay thank you very much, it is well understood.

But please how do i solve this?
The img element should responsively resize, relative to the width of its parent element, without exceeding its original size.

Wow, man! great for a first project!
Maybe center the page and widen it a bit more to fit perfectly.

1 Like