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

nft solution with html and css and a lil bit of animation

@iyke-e

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Maksim 590

@MaxTarasevich

Posted

Hi EGWIM!

Nice job!

Pay attention!

When hovering over a block with a image, a great animation is triggered! But the pseudo-element has a height greater than that of the image! Therefore, protrusions of a couple of pixels are visible at the bottom. This is because the default property of the img element is display: inline. It is enough to add the display:block property to the hero-img block and top:0 to the :after pseudo-element to work correctly!

I hope my feedback was helpful!

0

@iyke-e

Posted

@MaxTarasevich

Thanks I'd take note next time

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