Submitted over 4 years ago

NFT Preview Card - HTML/CSS/

LVL 1

@TotallySly

A solution to the NFT preview card component challenge

Solution retrospective

I really struggled in producing the Overlay. I had to look at a lot of different solutions in order to figure out how this worked. After completion, I am now wondering if the hover elements should have been placed within Anchor tags.....

I need to improve my knowledge of accessibility and aria-labels. Position: Relative and Absolute.

I have not used it on a responsive challenge yet, but I am wondering if using 'Max-Width' helps responsiveness? To my ignorant self, it feels like that should limit the amount of Media Queries. But I know nothing.

Thank you

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Dizzy_Sloth’s solution.

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