NFT preview card

Community feedback

• 

  Abdul Khaliq 🚀•72,560

  @0xabdulkhaliqPosted over 1 year ago

  Hello there 👋. Congratulations on successfully completing the challenge! 🎉

  • I have other recommendations regarding your code that I believe will be of great interest to you.

  ---

  iMAGE OVERLAY📸:

  • You have done a nice job in perfectly handling the overlay for the view icon on top the image, but there's been a slight issue from UI prespective. Because the background you have set is not matching the design they provided

  ---

  • So you can change the background for .view element from `` to hsla(178.1, 100%, 50%, 0.5) during the :hover state

  ---

  • Another pro tip, you can add blur also which will take the UI to the next level!

  ---

  • Here's the css snippet as per suggestions,

  img:hover {
  filter: blur(2px);
  }
  
  .view {
  background: hsla(178.1, 100%, 50%, 0.5);
  }
  

  ---

  • Now your component got best additional qualities in ui prespective compared to other solutions in community!

  ---

  .

  I hope you find this helpful 😄 Above all, the solution you submitted is great !

  Happy coding!

  0