Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Clipboard Landing Page using Flex and SCSS

Chantae 320

@taepal467

Desktop design screenshot for the Clipboard landing page coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

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

Nakoya Wilson 1,530

@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.

0

Chantae 320

@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.

0
Nakoya Wilson 1,530

@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.

0
Nakoya Wilson 1,530

@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.

0
Chantae 320

@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.

0
Chantae 320

@taepal467

Posted

@nakoyawilson You're right. It does work in Netlify. Thanks for the tip!

0
Nakoya Wilson 1,530

@nakoyawilson

Posted

@taepal467 Glad you were able to find a solution.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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