Order Summary Component Using CSS Flex and Grid

Community feedback

• 

  Michael Johnson•970

  @mikej321Posted almost 2 years ago

  Hello there and amazing job on your project!!!

  One thing I would suggest to help with the responsiveness of your project is to change the width of 325px on your .content-box to max-width: 325px. This will allow the Flexbox to size itself accordingly. Once you do that, you will be able to make adjustments on how you want it to look when it resizes itself with media queries. Also, remove the height from content-box and add a padding-bottom: ??(whatever value you think is best). This will simulate the height you are looking for without hard-coding it as if anything was ever added, it would cause the design to overflow.

  Overall, amazing job and hopefully this helped!

  Happy holidays and Happy Coding!

  Michael Johnson

  Marked as helpful

  0