Design comparison
SolutionDesign
Community feedback
- @RatifiedPosted over 1 year ago
Hello @lmarchesoti
Good job on completing the challenge
Instead of using
margin : 100px auto;
in your .card div, use flex or grid in your body to center things. Add this to your body and remove the margin on your card.body{ display: grid; align-items: center; justify-content: center; min-height: 100vh; }
I hope this helps
To remove the black border on your button, add this:
.order-btn-proceed{ border: none; }
Marked as helpful2@lmarchesotiPosted over 1 year ago@Ratified Thanks for the tips! I'm still getting the hang of flexbox and grid, so I did not know I could center the page by doing so. ^^
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