NFT Preview Card Using CSS Flexbox

Please log in to post a comment
Log in with GitHubCommunity feedback
- @AdrianoEscarabote
Hi, how are you?
You did a great job on this challenge. I have two tips that I think you will like:
1- Page should contain a level-one heading. click here
2- I noticed that the card had relative measurement units for large screens, an advice I give you is to prioritize the use of fixed measurement units for higher resolutions, so that there is not too much variation in our card design. Try to use relative measurements only at lower resolutions.
#card { /* position: relative; */ width: 320px; /* margin: 50px auto; */ height: 540px; }
3- To centralize the content I made a change in the code:
body { display: flex; min height: 100vh; align-items: center; justify-content: center; flex-direction: column; }
The rest is really good!
Hope it helps... 👍
Marked as helpful - @Nayantha
Thanks for the insights.
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