Design comparison
SolutionDesign
Solution retrospective
Any tips on how to center align the card? That seems to be the only thing I'm missing.
Community feedback
- Account deleted
Hello, solution looks good...My way would be to use
display :flex; align-items:center; justify-content:center;
on the body which centers the card so that addingmargin:auto
to container will not be required...Marked as helpful2 - @manjeshrv592Posted over 1 year ago
On container set min height to 100vh, display to flex, align items to center.
.container { min-height: 100vh; display: flex; align-items: center; }
Marked as helpful2
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