Design comparison
Solution retrospective
Active mode not yet implemented, I'm still figuring out what thats mean, hover? or when clicked?
Community feedback
- @MiculinoPosted almost 3 years ago
Congrats on completing this challenge, @zulhamsy
Your solution looks really similar to the original design - your card's dimensions are slightly smaller than the original design.
You still have to implement the hover effect on the texts and also the image overlay effect.
Here are some resources that can help you with that:
https://css-tricks.com/so-many-states/ https://www.w3schools.com/css/css_pseudo_classes.asp https://www.w3schools.com/howto/howto_css_image_overlay.asp
Hope this helps. Keep up the good work!
Marked as helpful0 - @rk-codeflowPosted almost 3 years ago
Active here means when you click certain element or say clicked state.
You can refer here to my solution which I did in Tailwind. https://nft-card-componentt.netlify.app/
If you have just began then better try with vanilla CSS first
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