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

1

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:

image
image1600×900 261 KB

but on other people screens it looks like this:

image
image540×960 94.1 KB

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

2

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

Use imgbb.com instead.

3

@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

4

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

5

do i just upload the pixabay image to here?

6

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

7

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

8

Yes, it is working fine for me.

1 Like
9

Yup, it’s working now.

1 Like
10