Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Order Summary- HTML and CSS

@khushi-2002

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I don't know how to set the background image and I tried but the URL didn't work can anyone help me fix the background image using CSS? Thankyou!

Community feedback

Vanza Setia 27,795

@vanzasetia

Posted

Hi! 👋

Congratulations on finishing this challenge! 👏

If you want to make pattern-background-desktop.svg as a background image then the file path will be relative to the CSS file. It means that the file path would be from the CSS file perspective. So, to make it as a background image on the body element then try to understand the following code snippet.

body {
  background-image: url("../pattern-background-desktop.svg");
  /* Don't forget to add more background properties
      like stop the repetition, etc */
}

One thing that I would recommend doing is to use flexbox or grid to position the card in the middle of the page. It is much easier and less code to write to implement (also less buggy).

That's it! I hope this information is useful! 😁

0
faizan 2,420

@afaiz-space

Posted

remove the curved image from the HTML file. then set curved image in body element in CSS file....

0

Please log in to post a comment

Log in with GitHub
Discord logo

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