Responsive order summary component

Community feedback

• 

  SpyrosAliv•100

  @SpyrosAlivPosted over 1 year ago

  Great solution!

  As for centering an element inside another element, flexbox is the way to go. By setting the display of the parent element to "flex", you can set the following attributes to the child "self-align: center; justify-self: center;". This will center the element both vertically and horizontally inside the parent element.

  Marked as helpful

  1
• 

  amrajat•170

  @amrajatPosted over 1 year ago

  Congratulations on completing the challenge. There are a couple of hacks for centering a div horizontally and vertically. One easy hack is flex -> set display: flex, align-items: center, justify-content: center to the parent element. Hope this helps :)

  Marked as helpful

  0
• 

  Lahcen•160

  @LahcenalllPosted over 1 year ago

  Hello,

  I applaud you for your efforts and for taking this challenge. I've noticed that you've had trouble centering the card. I've suffered from that too, lol, so here's how to easily center it using flex box.

  1. make sure the body has a width & height of 100percent, and use the following :

  display: flex; align-items: center; justify-content: center;

  Happy coding.

  Marked as helpful

  0