Images are not displaying!?! (please help I have been trying to figure this out all day)

Ok, I can’t seem to get my images to display right, I have tried both Unsplash and pixabay for images. On my screen it looks like this:

but on other people screens it looks like this:

heres my code so far: https://codepen.io/SarahTheTomboy/pen/OjorMe

Looks like pixabay does not allow 3rd-party host referrers.

Use imgbb.com instead.

@SarahTheTomboy You can get this working by just replacing https to http in image path, like shown below.

Replace https://cdn.pixabay.com/photo/2016/04/22/16/42/mt-fuji-1346096_960_720.jpg
with http://cdn.pixabay.com/photo/2016/04/22/16/42/mt-fuji-1346096_960_720.jpg

i dont see a difference in the links can you explain?

do i just upload the pixabay image to here?

Oh my bad, I just updated my earlier reply. Basically, https will need to be replaced with http

does it work?: https://s.codepen.io/SarahTheTomboy/debug/OjorMe/mWMoNbDbPmmk

Yes, it is working fine for me.

1 Like

Yup, it’s working now.

1 Like