Hosting Images on CodeSandBox?

Hello all. I’m trying to put this React project I’ve been working on online, but I’m having difficulties accessing the images in CodeSandBox.

In the App.js file, I’m able to import an image with: ‘/Images/logo.png’ and use it within App.js. But when I try to access an image in the CSS file I’m not getting anything.

Also it’s about 15mb of images in 22 files. Maybe that’s too many?

I’m sorry, I don’t understand. I’ve got the files uploaded on CodeSandBox & they’re in my project, but I’m not sure how to reference them in the SCSS sheet.

I tried ‘/Images/metal_background.jpg’ and the full URL ‘https://uploads.codesandbox.io/uploads/user/60cb3b56-b7ef-4091-a89c-b254f042f4a6/f0wO-metal_background.jpg’, but neither seems to work.

Works fine for me: https://codesandbox.io/s/lp8l97k04z

1 Like

My apologies, I must have done something wrong. It’s definitely working!

I wish there was a way to do a relative path instead of exact; I’ve been developing my app on my computer & it uses relative path, but when I copy the code onto sandbox I need to remember not to copy over the URL.