All comments

• 

  P

  Natalie Smyth• 290

  @nataliesmyth

  Submitted 10 months 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

  @Koptelkin

  Posted 10 months 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

  @patryick

  Submitted 11 months ago

  

  CSS Grid

  1

  40

  

  Valery• 90

  @Koptelkin

  Posted 11 months 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