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 Preview Card Component

IanV 90

@ivdevelopment

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 had more work on this than I thought, did I make it more complex than it actually is?

Community feedback

IanV 90

@ivdevelopment

Posted

I just updated the solution, I've added hover effects, however I'm not entirely sure how I can add the eye to the image when I hover over it.. Anyone that could help me with this? it's much appreciated!

Also the screenshot of the design I made is broken, I'm not sure why this happened.

0
darthTh0t 50

@darthTh0t

Posted

Hi @oblivionservers,

I can see that you have not added :hover pseudo-class for the active design as mentioned in the challenge. Create a new block as .card:hover and add the required image and background color. This has all been mentioned in the design section.

0

IanV 90

@ivdevelopment

Posted

@arnav-sahoo Oh I totally forgot that section. Thanks for reminding me, I will upload the solution again

1

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