Skip to content
OverviewSolutions
4
Comments
2
Valery
@Koptelkin

All comments

  • Natalie Smyth•320
    @nataliesmythSubmitted 12 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
    Valery•90
    @KoptelkinPosted 12 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
  • 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