Responsive summary component using flexbox

Community feedback

• 

  Abdelrahman fares•90

  @bedofaresPosted about 1 year ago

  It looks very nice and I like how responsive it is :) . I have only one comment regarding centering it vertically & horizontally. You can achieve this using flexbox .

  what you need to change is :

  body{
     min-height: 100vh;
     display: flex;
     align-items: center;
     justify-content: center;
  }
  

  and remove the margin-top from the order-summary div.

  I hope this helps :)

  Marked as helpful

  1

  ---

  

  Ahmed Awad•80

  @AhmedAwad97Posted about 1 year ago

  @bedofares Hello Abdelrahman, I appreciate your feedback. it helps, I have implemented it :)

  1
• 

  David Irvine•210

  @DavidIrvine-TWPosted about 1 year ago

  hi.. good job :)

  you should look at horizontal and vertical centering :)

  super easy using flexbox :)

  Marked as helpful

  1

  ---

  

  Ahmed Awad•80

  @AhmedAwad97Posted about 1 year ago

  @DavidIrvine-TW thank you for your feedback, I appreciate it. I have modified it :)

  1