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 using HTML, CSS and Flexbox

@AntonySLima

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


Sup guys, this is my resolution for this challenge.

I learned flexbox a little while ago so I'm doing these challenges using them. So if you guys have suggestions on how to save code, or if I've used a lot of display flex, I'm open to them.

Thank you and have a great day!

Community feedback

hitmorecode 6,230

@hitmorecode

Posted

Nice well done, flexbox is the way to go or css grid. Just one thing, you forgot to add the image overlay with the eye icon in the middle. The image overlay and eye should show on hover

Marked as helpful

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