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

@gbabohernest

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


Hi thereπŸ‘‹ Check out my solution and give me your feedback if any 😊😊. Thanks . ✌✌

Community feedback

Shashree Samuelβ€’ 9,260

@shashreesamuel

Posted

Hey good job completing this challenge

Keep up the good work

Your solution looks great however I think that your divider line needs some margin from the bottom using margin-bottom.

I hope this helps

Cheers Happy coding πŸ‘

0
Nguyen Le Vinhβ€’ 530

@VinhNguyenLe

Posted

Hi, congrats on completing the challenge. I have a few suggestions:

  • You can make the outer padding of your image equal and you are leaving a little margin-top
  • Your line is a bit thick, you can try by replacing it with border
  • When you hover over an image it doesn't appear properly as design active, you can try to assign an after pseudo class to the image that has display none, when hovering, display block
  • Here is my solution, you can refer to it: https://vinhnguyenle.github.io/nft-preview-card/ Happy coding ^^
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