Landing page with CSS and HTML

Please log in to post a comment
Log in with GitHubCommunity feedback
- @mathematiCode
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 helpful
Join 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