Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I just completed a challenging task 😣. Please provide suggestions for improvement. Thank you!
Community feedback
- @danielmrz-devPosted 9 months ago
Hello @nurlanova2012!
Your solution looks excellent!
I'd like to suggest a way to make it even better:
- I noticed that your card wasn't centered so I checked your code and found out why. You missed
display: grid
. You just need to add it to the body and the card will be centered:
body { font-family: "Overpass", sans-serif; font-weight: 400; font-size: 15px; line-height: 1.5rem; color: var(--medium-grey); height: 100vh; display: grid; /* you need this line ✅*/ background-color: var(--very-dark-blue); place-items: center; overflow: hidden; }
I hope it helps!
Marked as helpful0@nurlanova2012Posted 9 months agoThank you so much for taking the time to help me!@danielmrz-dev
1 - I noticed that your card wasn't centered so I checked your code and found out why. You missed
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