Png on codepen not showing on phone

Tell us what’s happening:
whenever i add a PNG image to my website, it doesn’t show on mobile.

Your code so far
https://codepen.io/BenFrank777/pen/WNxogWX

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:78.0) Gecko/20100101 Firefox/78.0.

Challenge: Build a Personal Portfolio Webpage

Link to the challenge:

Welcome to the forums @frank.hernandez9312.

I’m on a laptop, not mobile and I don’t see the images either.
Where are you hosting them? It looks like you’re pointing to iconsdb.com even though the instructions there say to not hotlink. You should be downloading and hosting the images somewhere.

As an aside, the reason you see it locally is because you’ve been to the iconsdb.com website to get it and it’s stored in your cache. If you clear cache you probably won’t see it either.
I verified by going to their website with the link you have for twitter. After doing that I was able to see that image on my laptop…still not the other two. Once I cleared cache, I didn’t see the twitter icon again.

I got the solution. I had to download every image and then upload them to postImage. then copy their link and paste them onto codepen.io

1 Like

Thanks a lot for taking your time to reply!

1 Like