Submitted over 3 years ago

NFT Preview Card Component using HTML and CSS

@Risclover

A solution to the NFT preview card component challenge

Solution retrospective

This one was fairly simple for me! In fact, I was able to complete it in well under an hour, and I'm mad proud of myself for honing my HTML and CSS skills that far.

Any feedback you can provide would be nice. I did have a bit of trouble with the hover effect over the image, so any cleaner solutions would be greatly appreciated!

Code

Couldn’t fetch repository

Please log in to post a comment

Community feedback

Amon•2,560
@A-amon
Posted over 3 years ago
Hello! Great job for this. It looks very responsive too~ 😀
- Maybe try using before/ after pseudo-elements for the eye icon 👁.
- Also, not every image needs alt value. Depending on the use cases, it can be left as such alt="". Refer here. For example, the eye icon's alt can be leave empty. And maybe even the clock icon. 😉
Suleman•750
@legion40216
Posted over 3 years ago
Well done...

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