NFT preview card component (use only HTML & CSS)

Community feedback

• 

  P

  visualdennis•8,375

  @visualdennissPosted over 1 year ago

  Wow! Your solution looks almost identical to the solution screenshot! Congrats on that. Your hover effect is very smooth as well.

  Here is a suggestion about a very small detail: When you hover over your card, the overlay displays nicely, but when you move mouse away, the overlay's border-radius disappear for a very short period of time and it shows a default square. If you want to fix that you can add border-radius: 8px to your ::before element (.card-image .image-link::before )

  Keep up the great work.

  Hope you find this feedback helpful!

  Marked as helpful

  1

  ---

  

  Kayyrbek Perdebekov•130

  @kayyrbeksPosted over 1 year ago

  @visualdenniss Thank's for your feedback! It really was a little bug that you say then I fixed it :)

  1

  

  P

  visualdennis•8,375

  @visualdennissPosted over 1 year ago

  @kayyrbeks Your solution is so pixel-perfect that i had to be a perfectionist to help you remove tiniest pixel-sized bugs to achieve perfection :) Looking forward to see more projects from you

  0
• 

  Marko Dumnic•150

  @dumaaasPosted over 1 year ago

  Amazing job on completing this challenge! There are almost no differences between your code and provided design and you have a great eye for small details. Congratulations and keep goin' like this! 🎉

  1

  ---

  

  Kayyrbek Perdebekov•130

  @kayyrbeksPosted over 1 year ago

  @dumaaas Thank's for your feedback!

  1