Order Summary Card

Community feedback

• 

  T

  Chamu•13,130

  @ChamuMutezvaPosted about 3 years ago

  Nice work, well done. Work on the styling for mobile especially for devices less than 375px. Try adding max-width to the main element

  main {
      width: 375px;
      height: 520px;
      margin: 2em auto 7em;
      max-width: 90%; //add this so that if the width is
   less than 375px then the width will be 90% of the container
   . That will prevent the main content from being cut off the display
  }
  

  1

  ---

  

  SirJhay3•160

  @SirJhay3Posted about 3 years ago

  @ChamuMutezva thanks a lot. I'd include that my implementation

  0
• 

  Hafizan Adli•1,190

  @hafizanadliPosted about 3 years ago

  For better responsiveness, try avoid using absolute value. Better to use relative value (%, vw, etc.). And also play with media queries.

  Great job!

  1

  ---

  

  SirJhay3•160

  @SirJhay3Posted about 3 years ago

  @hafizanadli thanks a lot. I didn't see the need for media queries though because the design was the same for both screens

  1