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 by KevenGon

@KevenGonCabral

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


Moving forward with studies

Community feedback

hitmorecode 6,250

@hitmorecode

Posted

Congratulations well done looks good. You forgot to add the background image.

Marked as helpful

0

@KevenGonCabral

Posted

is on the code but Git hub pages failed to load the background image, im looking how to solve it 👍

edit: on live site (Ctrl + Shift + i) u will see the error on console, if u guys can help me

0

hitmorecode 6,250

@hitmorecode

Posted

@KevenGonCabral I took a look at your CSS here is the problem background-image: url(/img/pattern-background-desktop.svg);. The url is not looking in the right directory, change to this background-image: url(../img/pattern-background-desktop.svg);. This should work.

Edit: I forgot to mention this, you need to add this for the background to fill the page in the width background-size: contain

Also you don't need to add the font family everywhere you need. You just need to add it in the body like you did and remove it anywhere else. When you add it in the body it will apply to the entire page.

I have one more tip you can use in the coming challenges.

Marked as helpful

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