Submitted almost 2 years ago

Responsive Order Summary Card with Flexbox

VioTel• 60

@viotel81

Preview site View code

This is a solution for...

Order summary component

HTML
CSS

1newbie

View challenge

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

@madkn1311

Posted almost 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);

VioTel• 60

@viotel81

Posted almost 2 years ago

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

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

Eureka:)

Madiha Khan• 420

@madkn1311

Posted almost 2 years ago

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

I realized it later

Please log in to post a comment

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