Skip to content
Submitted about 2 years ago

Order summary component with Flexbox, plain CSS, plain HTML

YohannDCz•90
@YohannDCz
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 made the background with drop-shadow and by inversing the background image with "transform: scaleX(-1) scaleY(-1). Any improvement for the other part of the code ?

Community feedback

  • Adeola Ganiu•1,320
    @DeolabestPosted about 2 years ago

    Hi Yohann, you've done a great job.

    Here is my feedback:

    1. The height of the container is higher than the page. Try to reduce it.

    2. You probably forgot to add cursor: pointer; to the buttons.

    You're doing well.

    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