Skip to content
Submitted 11 months ago

faqs

Faruk Olawale•300
@Olawalefaruk
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I do not know why my background image is not showing on live web. It is actually showing on the local server (live server). Any help on how to correct this will be highly welcome. Thanks.

Community feedback

  • Luis De Freites•180
    @luismadfPosted 11 months ago

    Hello Faruk,

    Congratulations on finishing this challenge! 🎉

    The image isn't showing because a path problem, for some operating systems a path like this "/images/image.svg" it's ok, but for other isn't (for example the ones that we use to upload our websites).

    To fix this, it's as simple as adding a dot (.) at the beginning of your image path. This indicates that the path should be relative to the current directory, making it more universally compatible across different operating systems.

    /* Layouts styles */

.background {
  background-image: url('./images/background-pattern-mobile.svg');
    Marked as helpful
    0
    Faruk Olawale•300
    @OlawalefarukPosted 10 months ago

    Thank you very much @luismadf

    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