Design comparison
SolutionDesign
Community feedback
- @mathematiCodePosted 6 months ago
I was having the same problem where my card wouldn't center vertically. I had learned somewhere that "align items" was always for vertical centering but turns out, that's not true. Since we both used
flex-direction: column
, "align items" would align the items to make a straight vertical column. So since our flex direction is column, we would have to usejustify-content: center;
in order to center the column along the vertical axis.Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord