Design comparison
SolutionDesign
Community feedback
- @correlucasPosted about 2 years ago
Hello Radek, congratulations for your solution!
I saw your live site and the component and the design elements are just fine. The only thing missing is the alignment.
I did some changes to your code and to align it, I've used the good and old
display: flex
and its alignment properties:align-items: center; justify-content: center;
.See the code changes below:
body { display: flex; background-color: var(--clr-gray); text-align: center; align-items: center; justify-content: center; }
See if works for you, I did it and I can see the card centered.
Happy coding!
Marked as helpful1
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