Skip to content
Submitted about 3 years ago

Order Summary – Flexbox and SVG

Jeff•80
@jcombs0929
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

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-mPosted about 3 years ago

    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
    @jcombs0929Posted about 3 years ago

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

    0
  • Patrick•14,265
    @palgrammingPosted about 3 years ago

    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
    @jcombs0929Posted about 3 years ago

    @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

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