All comments

• 

  P

  Natalie Smyth•340

  @nataliesmythSubmitted about 1 year ago

  I think the only issue I had with this one is centering the component vertically on all screen sizes. Any tips or resources on this topic are appreciated!

  

  Responsive Order Summary Component

  2

  80
  

  Valery•90

  @KoptelkinPosted about 1 year ago

  Set prop 'height' with value '100vh' to the classname '.main' in your 'style.css' file. Check below: .main { height: 100vh; display: flex; justify-content: center; align-items: center; }

  So flexbox will allign all content vertically. This should help.

  0
• 

  patryick•10

  @patryickSubmitted about 1 year ago

  

  CSS Grid

  1

  40
  

  Valery•90

  @KoptelkinPosted about 1 year ago

  Grid practice is cool, but much easier to use flexbox on parent element. Flexbox provides adaptive layout. Your layout isn't adaptive for phone users.

  1