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

ali

@alishirani1384540 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

  • age-calculator-app || HTML CSS JAVASCRIPT


    ali•540
    Submitted about 2 years ago

    0 comments
  • Results summary component || HTML CSS


    ali•540
    Submitted over 2 years ago

    0 comments
  • Todo app | React.js context api

    #react

    ali•540
    Submitted over 2 years ago

    0 comments
  • insure landing page || HTML CSS JAVASCRIPT


    ali•540
    Submitted over 2 years ago

    0 comments
  • multi-step form || HTML CSS JAVASCRIPT


    ali•540
    Submitted over 2 years ago

    1 comment
  • Order summary card component || HTML CSS


    ali•540
    Submitted over 2 years ago

    0 comments
View more solutions

Latest comments

  • Greatemmet•20
    @GREATEMMET
    Submitted over 2 years ago

    responsiveness was done with flexbox

    3
    ali•540
    @alishirani1384
    Posted over 2 years ago

    Hi @GREATEMMET you did a very excellent job on this challenge to make it center both vertically and horizontally you can add this code to your body: body{ min-height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column; }

    Marked as helpful
  • Sparsh Shandilya•10
    @Sparsh47
    Submitted over 2 years ago

    Interactive rating component

    1
    ali•540
    @alishirani1384
    Posted over 2 years ago

    Hi there you did an excellent job on this challenge, there are a few pieces of advise for making it better. 1_ use the font-family specified in style.guide.md file. 2_ use the min-height:100vh in your body styles to make it center.

    my YouTube channel: https://www.youtube.com/channel/UCqJxABBuzx4vj_RxogCbAFA

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

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