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

Responsive Clipboard Landing Page Master Using HTML & CSS

@Tuason066

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


Hi guys,

I have a question for you, why the background images doesn't show when I'm going to deploy my page. In VS Code there is no problem.

Please help me and Check my code.

Thank you.

Community feedback

@rohailtaha

Posted

Try this: background-image: url(../images/bg-header-mobile.png); Probably you would have to go one directory back using "../" as images folder is in the previous directory compared to "style.css" file.

Marked as helpful

0

@Tuason066

Posted

Hi Mr. @Rohail77,

It works now thank you for helping.

0
Vahe Abovyan 1,110

@VaheAA

Posted

Put path to the image into quotes. Now it's background-image: url(/images/bg-header-mobile.png);

But it should be background-image: url('/images/bg-header-mobile.png');

0

@Tuason066

Posted

Hi @VaheAA,

is it okay to put double quoates ( " " ) or single quotes ( ' ' ) only?

0
Vahe Abovyan 1,110

@VaheAA

Posted

@Tuason066 Double or single quotes can be used. I think it should help, if not, let know.

0

@Tuason066

Posted

Hi @VaheAA,

It works now with this background-image: url(../images/bg-header-mobile.png);

Thank you for helping.

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