@nakoyawilson
Posted
The paths to the images are incorrect which is why they are currently not showing. Try using url(../images/bg-header-mobile.png)
and url(../images/image-computer.png);
instead.
@taepal467
Posted
@nakoyawilson Thank you for trying to help. But I tried that and it still didn't work. It's strange because everything worked perfectly while I was building the project. The images were displayed correctly as well.But the live site is completely different. I'm playing around with the code and still can't figure it out.
@nakoyawilson
Posted
@taepal467 That's weird because when I made the changes using Chrome developer tools on your live site the images appeared. Hope you're eventually able to figure it out.
@nakoyawilson
Posted
@taepal467 The only other thing I can think of is to try deploying the site using Netlify instead to see if you have the same issue. It may just be something with the way file paths work with github pages. For a previous project I used react-router and I had some issues with routes when I deployed using github pages. Then I tried Netlify and the issues were no longer issues.
@taepal467
Posted
@nakoyawilson Right! Everything was displayed correctly in Google Chrome. I'll just have to figure it out. I'll check out Netlify. Thanks.
@taepal467
Posted
@nakoyawilson You're right. It does work in Netlify. Thanks for the tip!
@nakoyawilson
Posted
@taepal467 Glad you were able to find a solution.