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

Rina

@dodrinCanada100 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Loopstudios challenge React, TailwindCSS

    #react#tailwind-css

    Rina•100
    Submitted over 1 year ago

    1 comment
  • FAQ accorsion

    #sass/scss

    Rina•100
    Submitted over 1 year ago

    0 comments
  • Responsive order summary component


    Rina•100
    Submitted over 3 years ago

    3 comments
  • Responsive landing page using CSS Grid


    Rina•100
    Submitted over 3 years ago

    2 comments
  • 3 column preview card component using CSS grid


    Rina•100
    Submitted over 3 years ago

    2 comments
  • NFT preview card component


    Rina•100
    Submitted over 3 years ago

    6 comments
View more solutions

Latest 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

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

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

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