Order-Summary-Component Solution using CSS

Community feedback

• 

  Adriano•38,120

  @AdrianoEscarabotePosted about 2 years ago

  Hello everything is fine?

  I really liked the result of your project, but I have some tips that I think you will like:

  I saw that the background is stretching and losing height according to the screen resolution:

  We can arrange it like this: background-size: 100% 50vmin;

  I also noticed that the layout is breaking too soon, to improve the responsiveness of the project I added this media query:

  @media (max-width:500px) { body { padding: 0 10px; } .card { width: 100%; } }

  The rest you adjust with flex-wrap!

  Hope it helps... 👍

  Marked as helpful

  1

  ---

  

  Ankit Yadav•20

  @20-ank-02Posted about 2 years ago

  @AdrianoEscarabote Thanks for feedback, I'll incorporate these into my project.

  1