Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
3
Comments
1
kmnkat
@kmnkat

All comments

  • Ken Zimny•200
    @K-Zimny
    Submitted almost 3 years ago

    Three Column Responsive Card

    1
    kmnkat•30
    @kmnkat
    Posted almost 3 years ago

    It's because you override the attrubute align-items: stretch to center in your container. Now every single card has the height of its content and is centered on the horizontal axis. You can find some useful information about css flexbox and columns here: https://www.youtube.com/watch?v=u044iM9xsWU (about 14m).

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