Submitted 10 months ago

NFT Preview Card || HTML & CSS

Kirsten ✨• 460

@ofthewildfire

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

Solution retrospective

Hi, community 🌟 This is my attempt at the NFT preview card.

Many things need improving, but notably on my list to attend to are:

Accessibility: It's not accessible at all.
Hover has an overflow of color in the overlay. Not sure how to fix that; likely solution is to change it to the recommended method GraceSnow on Discord has up. I was a tad confused, so I will return to understand more in a bit.
Not sure if the size of the card is an issue. I don't know, but I will tinker more.

Feedback appreciated as always

Community feedback

uz.app• 50

@shoxjahon527

Posted 10 months ago

This comment was deleted 10 months ago

Kirsten ✨• 460

@ofthewildfire

Posted 10 months ago

@shoxjahon527 Where? Around the card. I do. Around the image? I do there too. I don't see anywhere else a border radius was needed?

uz.app• 50

@shoxjahon527

Posted 10 months ago

@ofthewildfire around the card

Kirsten ✨• 460

@ofthewildfire

Posted 10 months ago

@shoxjahon527 There is a 15px border-radius on my card. Can you be more specific.

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