Submitted almost 3 years ago
NFT Card Preview (Desktop Version)
@mnizhadali-afg
Design comparison
SolutionDesign
Solution retrospective
Just updated the final version :)
Happy coding to everyone.
Community feedback
- @denieldenPosted almost 3 years ago
Hi Ali, great work and congrats on completing the challenge!
- For center the card give
height
andalign-items: center;
properties tobody
. Note: Flexbox aligns to the size of the parent container. - You can use the
vh
measurement for the height... Viewport Height handles the sizing of an element in relation to the height of the browser window. - Remove all margin from
nft-card
class - Add the status
:hover
to the image and title elements - Try adding a little
transition
on the element withhover
effect
I hope that helps ;) Keep it up!
1 - For center the card give
- @mnizhadali-afgPosted almost 3 years ago
@anoshaahmed - Thank you so much dear Anosha :) And again, the final edit is at github repo! It did not change here :P
0 - @anoshaahmedPosted almost 3 years ago
Hey good job on this challenge! Have at least one
<h1>
in your codeHope this helps :)
0 - @mnizhadali-afgPosted almost 3 years ago
Thank you so much for feedback. How much should be the value for (vh) in body?
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