Design comparison
Solution retrospective
I've noticed that the background images for the header and the computer image does not show in Safari. Any help with that will be greatly appreciated.
Community feedback
- @nakoyawilsonPosted over 2 years ago
The paths to the images are incorrect which is why they are currently not showing. Try using
url(../images/bg-header-mobile.png)
andurl(../images/image-computer.png);
instead.0@taepal467Posted over 2 years ago@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.
0@nakoyawilsonPosted over 2 years ago@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.
0@nakoyawilsonPosted over 2 years ago@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.
0@taepal467Posted over 2 years ago@nakoyawilson Right! Everything was displayed correctly in Google Chrome. I'll just have to figure it out. I'll check out Netlify. Thanks.
0@taepal467Posted over 2 years ago@nakoyawilson You're right. It does work in Netlify. Thanks for the tip!
0@nakoyawilsonPosted over 2 years ago@taepal467 Glad you were able to find a solution.
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord