Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Mobile-first Card Preview

ChrisEski 110

@ChrisEski

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I would like some feedback about accessibility.

I also tried to make the card responsive, but given the small changes between the layouts i suppose it might have not been even necessary. But some advice on that would be helpfull too!

Any comment and advice is welcome :)

Community feedback

P

@varisDogukan

Posted

It's nice that when you hover over your links in the 'Attribution' class, the size of your links changes, but when the link gets bigger, your div named 'card' rises. To fix this you need to give height to the div named "Attribution". At the same time, there is no need for the margin-bottom property you have given.

Marked as helpful

0

ChrisEski 110

@ChrisEski

Posted

@do-Va thank you in return! This suggestion was right to the point and very usefull. That rise of the card when hovering over the attribution was something i wanted to figure out but for some reason forgot it. That was super nice thank so much!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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