NFT Preview Card Component using HTML, CSS and Flexbox

Solution retrospective
The overlay posed a bit of a problem for me (the solution is a bit "hacky"). I am happy to hear any suggestions for improvement.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @hyrongennike
Hi @codercreative,
Congrats on completing the challenge
I see you're using margin to try and center the card on page, there is a easier way to do that you can add the following to center the card in the middle of the page.
body { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; } main.container.margin-bottom { margin: 0; }
Marked as helpful
Join 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