Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
1
Rina
@dodrin

All comments

  • yetkin karasungur•560
    @yetkinkrsngr
    Submitted over 1 year ago

    loopstudios-landing-page-main

    1
    Rina•100
    @dodrin
    Posted over 1 year ago

    Hi, the issue of the images not rendering on the build is because of the file path. When you store images in the public directory, you can access the images using their relative paths. for example,

    public/
    ├── index.html
    ├── logo.png
    └── ...
    

    In your React components, <img src="/logo.png" alt="Logo" /> Here is the link for the Vite documentation. I hope this helps!

    https://vitejs.dev/guide/assets.html#importing-asset-as-url

    Marked as helpful
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub