Skip to content
Submitted over 2 years ago

Responsive Order Summary Card with Flexbox

VioTel•60
@viotel81
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello everyone,

I do have only one challenge with this one. The svg background picture shows all well on Live server with me but disappears, once I check on GitHub pages. There must be something wrong with the path but I tried everything:( Any suggestions? Do I need to encode something here?

Thanks in advance!

Community feedback

  • Madiha Khan•420
    @madkn1311Posted over 2 years ago

    Hi there,

    Your design looks perfect :)

    You just forgot to add the quotes

    It should be like this: background-image: url("/images/pattern-background-desktop.svg");

    Instead of this: background-image: url(/images/pattern-background-desktop.svg);

    1
    VioTel•60
    @viotel81Posted over 2 years ago

    @madkn1311 Thanks!:) but still doesn't seem to work:(

    what actually helped was that I added ../images (double dot....)

    Eureka:)

    1
    Madiha Khan•420
    @madkn1311Posted over 2 years ago

    @viotel81 you should set the path with (../) and see

    I realized it later

    1

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