NFT Card Component - First submission after a 9 month break!
Design comparison
Solution retrospective
Any feedback would be great. First time submitting in a long while. Took a 9-month break. I personally have a hard time seeing the hovering cyan color but I do know it is there.
One thing that had me think of a creative solution was the hovering transition on the image. The SVG icon had a fill color set in the SVG code. I ended up taking it out and using an HSLA color so I can transition the fill for a smooth fade. You cannot transition opacity.
Community feedback
- @jaymew88Posted over 2 years ago
Hey!
Doesn’t seem like you have taken any time off from these challenges, the finished product looks great! Your code looks very clean and easily deciphered. Great solution to the hover transition on the image.
I don't have any recommendations at this time. Great job and can't wait to see more!
Marked as helpful1 - @zepolj1126Posted over 2 years ago
Hey!
Really nice work! The way you structured your CSS is neat and easy to follow. I might have to ask you for some code organization tips!
One thing I did notice was "Equilibrium #3429" changing colors when you merely hover over its "row", not just the word itself. One solution to this is using an inline-block display.
Other than that, your card looks great!
Can't wait to see more!
Marked as helpful0@ericsalviPosted over 2 years ago@zepolj1126 Great call out! I hadn't noticed that. Thank you and anytime you need some organization tips, I am always game!
0
Please log in to post a comment
Log in with GitHub
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