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 with Flexbox

monk-e-manโ€ข 70

@Nairitya

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


How and where can this be improved more. All feedbacks are welcome :)

Community feedback

Lucas ๐Ÿ‘พโ€ข 104,420

@correlucas

Posted

๐Ÿ‘พHello Monk-e-Man, congratulations for you new solution, good to see you improving!

Your solution is just perfect, you've add everything and paid attention to the minimum details, I can see that cuz you've added the hover effect and also a transition for that, that's really amazing!

All you need to do to improve a bit your solution is make the card component responsive, I saw that you add max-width to the container but some other elements are avoiding that the container gets responsive and scale properly, these element are the image, the div for the hover effect and the section metrics, to solve that you've to replace all width in these elements with max-width.

Hope it helps you bro and keep it up!

Marked as helpful

1

monk-e-manโ€ข 70

@Nairitya

Posted

@correlucas Thanks for the valuable feedback. Will definitely change all these things. Really helpful.

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