Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
4
Comments
2
Valery
@Koptelkin

All comments

  • P
    Natalie Smyth•340
    @nataliesmyth
    Submitted over 1 year ago

    Responsive Order Summary Component

    2
    Valery•90
    @Koptelkin
    Posted over 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.

  • patryick•10
    @patryick
    Submitted almost 2 years ago

    CSS Grid

    1
    Valery•90
    @Koptelkin
    Posted almost 2 years 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.

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub