Submitted over 3 years ago

My NFT preview card component solution

@akinsanyajoseph

A solution to the NFT preview card component challenge

Solution retrospective

I'd like your feedback on this project. Do you think I could have achieved the hover state on the main image in a smarter way - with less code?

Code

Please log in to post a comment

Community feedback

David Osorio•560
@osoriodev
Posted over 3 years ago
Hello @akinsanyajoseph 👋

Your solution looks good. I see that the eye icon is not centered properly, you can do this to fix it:
```
.overlay-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
```
With this it should work fine.
Marked as helpful

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