Skip to content
Submitted about 3 years ago

Real world order summary card with CSS Flexbox & Grid

Manoj•245
@Manojraj07
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

Hello there,

Review and share your thoughts.

Thank you.

Community feedback

  • Darshan Pandya•420
    @Darshan-Pandya10Posted about 3 years ago

    Hey Manoj! I have to highlight one issue with the last element "cancel order" it's taking background color when I tried to hover over it, please check that out, btw great design.

    Edited: please add sufficient paragraph color too. Happy coding :)

    Marked as helpful
    1
    Manoj•245
    @Manojraj07Posted about 3 years ago

    Hey @Darshan-Pandya10!

    Thanks again!

    I did those extra background color stuff to make user experience look better. Paragraph color looks okay now I believe.

    0
  • Ngabo Robert•135
    @ngaboindevPosted about 3 years ago

    Great Work! , but try to fix the background image and card size

    Marked as helpful
    1
    Manoj•245
    @Manojraj07Posted about 3 years ago

    @ngaboindev Thanks for your feedback :). I will try to fix.

    0
    Manoj•245
    @Manojraj07Posted about 3 years ago

    @ngaboindev hey Robert, I have made some changes.

    Hope you will get a chance to review again. :)

    0
    Ngabo Robert•135
    @ngaboindevPosted about 3 years ago

    @Manojraj07 good now it looks nice but try to adjust the text color with that dark blue

    0
    Manoj•245
    @Manojraj07Posted about 3 years ago

    @ngaboindev Done & Thanks again:)

    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