Skip to content
Submitted about 3 years ago

Responsive Clipboard Landing Page Master Using HTML & CSS

Jeffrey Tuason•550
@Tuason066
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Clipboard landing page
  • HTML
  • CSS
2junior

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

  • Rohail Taha•355
    @rohailtahaPosted about 3 years ago

    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
    Jeffrey Tuason•550
    @Tuason066Posted about 3 years ago

    Hi Mr. @Rohail77,

    It works now thank you for helping.

    0
  • Vahe Abovyan•1,110
    @VaheAAPosted about 3 years ago

    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
    Jeffrey Tuason•550
    @Tuason066Posted about 3 years ago

    Hi @VaheAA,

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

    0
    Vahe Abovyan•1,110
    @VaheAAPosted about 3 years ago

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

    0
    Jeffrey Tuason•550
    @Tuason066Posted about 3 years ago

    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

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