Design comparison
SolutionDesign
Community feedback
- @Riktam-SantraPosted 2 months ago
I see you have set height of the body to be 90vh which is the reason the box isn't centered exactly but moved a little towards the top.
You can fix this by setting padding and margin to be 0px globally and the box-sizing to border-box and then using 100vh instead of 90 as follows:
* { box-sizing: border-box; padding: 0px; margin: 0px; --slate-900: #1f314f; --slate-500: #68778d; --slate-300: #d5E1EF; --white: #fff; --card-container-gap: 24px; --card-container-padding: 16px; --card-container-padding-bottom: 40px; } .container{ height: 100vh }
Marked as helpful0
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