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

Valery

@KoptelkinKazakhstan90 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Country-search app via React&Typescript

    #react#react-router#redux#typescript#styled-components

    Valery•90
    Submitted over 1 year ago

    1 comment
  • Interactive pricing component via React + Typescript

    #typescript#react

    Valery•90
    Submitted over 1 year ago

    0 comments
  • 'Advice generator' app via HTML & CSS & JavaScript/TypeScript

    #typescript

    Valery•90
    Submitted over 1 year ago

    1 comment
  • QR-code component via HTML&CSS


    Valery•90
    Submitted over 1 year ago

    2 comments

Latest 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 over 1 year ago

    CSS Grid

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

Frontend Mentor logo

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

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

Oops! 😬

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

Log in with GitHub