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 Card Component using Flex Box Layout

JAV 40

@andcare

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


Hello everyone,

This is my NFT Card Component using the Flex Box Layout to center the card.

I kinda had a trouble in making the hover for the "eye view", due to having different kinds of approach like "::before" pseudo-element. But I made another "div" element to make it easier, in my case, is this a good approach especially in the long run or to a big website like NFT Website?

Thank you very much! 😁

Community feedback

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