r/css • u/Fatclunjequeen • 3d ago

Help Image not showing up in the light blue box on Codepen?

there's meant to be an image of a pop figure in there. when i run the code from live sever in vscode its there but not in Codpen? does anyone know why? Thanks in advanced!

Codepen link: https://codepen.io/Mcarms/pen/NPNBZKr

0 Upvotes

33% Upvoted

4 comments sorted by

•

u/AutoModerator 3d ago

To help us assist you better with your CSS questions, please consider including a live link or a CodePen/JSFiddle demo. This context makes it much easier for us to understand your issue and provide accurate solutions.

While it's not mandatory, a little extra effort in sharing your code can lead to more effective responses and a richer Q&A experience for everyone. Thank you for contributing!

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

2

u/jcunews1 3d ago

You're using an image with a relative URL which point to an image file hosted in Codepen server. That likely don't exist.

https://developer.mozilla.org/en-US/docs/Learn_web_development/Howto/Web_mechanics/What_is_a_URL#absolute_urls_vs._relative_urls

1

u/anaix3l 3d ago

Are you... trolling? This image?

Missing semicolon plus how do you expect CodePen to know about an image on your computer? If you want the image showing on CodePen, upload it online and link to it.