Submitted about 2 years ago

NFT Preview Card

Joel• 300

@JoeMarv

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

NFT preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Community feedback

Satyam Jha• 400

@satyammjha

Posted about 2 years ago

Great attempt @JoeMarv. I have a few suggestions for you:-

Please decrease the height and width of the parent div.
Adjust the height of the `:: before for the eye. So that on hover it will cover the whole NFT image.
Increase the margin-top for the profile section.
Add align-item: center for the author class.

Hope it helps. Happy Coding🤗✌🏻.

Marked as helpful

Joel• 300

@JoeMarv

Posted about 2 years ago

@satyammjha thanks for the feedback

Please log in to post a comment

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