Submitted about 1 year ago

Order summary card

Rawi2115• 70

@Rawi2115

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Order summary component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

i couldn't figure out how to add the background svg

Community feedback

Freedteck• 130

@Freedteck

Posted about 1 year ago

Hi, this is really cool. As for the background SVG, the step is pretty straight forward.

In the css body selector, apply the background-image property with url as it's value i.e background-image: url(' link to the svg '); Note that the link to the svg is a relative one (./images/pattern-background-desktop.svg);
U should use the background-repeat: repeatx; if you want.

Marked as helpful

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