Skip to content
Submitted about 3 years ago

Order Summary Component using CSS and Flexbox

molhinari•10
@molhinari
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

Is something wrong with the font size/card width or height?

Community feedback

  • Fury•945
    @ashiqfuryPosted about 3 years ago

    Great work..

    • You need to fix the background, you can fix this easily by using image in psuedo elements.
    • Set height: auto in card container, so that it can extend based on the content inside.
    • Instead of using margin: auto in .plans, .button and .cancel, use margin: 10px auto. It gives your element more space and align it horizontally also..

    Thank you.

    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