Order Summary Component with Flexbox

• to clear some of the issues raised , you need a main element
• you need an h1 element in your site
• do not skip headings . use then in sequential order h1, h2, h3 etc
• format your html , so that it can be easy to follow.

well done the display is good

• auto formatting/indenting your html code will be good to make your code easier to read
• better using semantic html for more descriptive code
• You can make card size bigger and shadow box more soft to make it similar to design

Other than that is good, great job!

Great Work,

here are some tips for your solution

1. add box-shadow to the button 'proceed to payment'
2. increase the box-shadow radius and spread or reduce the alpha 'A' element of shadow color (RGBA color code) of card element

else your solution is great🙌

have a nice day :]