Design comparison
SolutionDesign
Solution retrospective
First Frontend mentor challenge. There's a couple of things which I actually found quite challenging, the active state image overlay for example.. unfortunately I was unable to complete this.
I also had some issues with the border radius of the NFT image only applying on top.
Any feedback would be appreciated!
Community feedback
- @denieldenPosted almost 2 years ago
Hello Kevin, You have done a good work! 😁
Some little tips to improve your code:
- You can add the effect
:hover
creating adiv
that appears on hover. I used tailwind but you can still see and understand which css properties you can use to do the same. Look here -> my solution - add
main
tag and wrap the card for improve the Accessibility - also you can use
article
tag instead of a simplediv
to the container card for improve the Accessibility - to make it look as close to the design as possible set
width: 25rem
tocard
class - use
min-height: 100vh
tocontainer
class instead ofheight
, otherwise the content is cut off when the browser height is less than the content
Keep learning how to code with your amazing solutions to challenges.
Hope this help 😉 and Happy coding!
0 - You can add the effect
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