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 – Flexbox and SVG

Jeff 80

@jcombs0929

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 decided to use svgs for the images, and they can be confusing. Please let me know if I utilized these incorrectly. Thank you!

Community feedback

Haziq 320

@zyq-m

Posted

The design was close bro. You just need to set the max-width of the card and your height of the body. If you don't mind you can take a look at my solution.

https://www.frontendmentor.io/solutions/simple-order-card-using-sass-and-bem-ScsDPO6Lf

Marked as helpful

0

Jeff 80

@jcombs0929

Posted

@zyq-m I've added those properties. Thanks!

0
P
Patrick 14,325

@palgramming

Posted

well just attach the SVG main background to the body tag in your css you do not need all the extra effort and code to when you can use use this https://www.w3schools.com/cssref/css3_pr_background.asp

Marked as helpful

0

Jeff 80

@jcombs0929

Posted

@palgramming thanks for the feedback. I cleaned up my code. Much leaner now.

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