Design comparison
SolutionDesign
Solution retrospective
Kindly review and feedback. Thanks.
Community feedback
- @lavil014Posted 12 months ago
Congrats completing this challenge .
I found the following AOO that may be helpful for you in the future when centering a container.
.mainCard{ margin: 3rem auto; width: 230px; border-radius: 10px; background-color:var(--White); }
Instead of using margin you can allocate the main card container from the parent container which is the body element .
Here an example using display flex :
body { display : flex ; align-items: center; justify-content: center; }
0
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