Order Summary Component with SCSS, Flexbox and Grid

Community feedback

• 

  Hassia Issah•50,670

  @HassiaiPosted almost 2 years ago

  To center .content on the page add min-height:100vh; , there is no need for flex-direction: column and a padding value in the body.

  There is no need to give .card a margin value.

  Use rem or em as unit for the padding , margin, width and preferably rem for the font-size for more on this watch this https://youtu.be/N5wpD9Ov_To

  Hope am helpful. Well done for completing this challenge

  1
• 

  Favour•2,160

  @Nadine-GreenPosted almost 2 years ago

  HEY KAREEM!

  Your solution is nice however I noticed that it is not vertically aligned, a quick fix for this would be the give the body a height of 100vh height:100vh then a display of grid display: grid, and then using the code place-items: center

  HOPE I COULD BE OF HELP :)

  HAPPY CODING!

  1