My solution to the NFT preview card component

Community feedback

• 

  Darren•120

  @DarrenBerg1Posted over 1 year ago

  Your solution looks great Jon! I went to your live site and it looks good there as well, although I did notice that you did not implement any of the hover states. I wont lie and act like I am great, because I could not figure out how to "hover" the image. But, for the text hover you can implement the :hover pseudo-class in CSS. I have linked the MDN below, so you can read up on it if you'd like.

  Good luck on your future projects!!

  https://developer.mozilla.org/en-US/docs/Web/CSS/:hover

  Marked as helpful

  0

  ---

  

  Jon Henrik Åvitsland•190

  @jonhenrikaavitslandPosted over 1 year ago

  @DarrenBerg1 There is hover on the desktop size but it is currently only visible above 1440px width, perhaps i should add the hover states outside the media query. Thanks for letting me know.

  1

  

  Darren•120

  @DarrenBerg1Posted over 1 year ago

  @jonhenrikaavitsland Oh! You are absolutely right. I went back and noticed that you even got the "eye" to hover as well! That's awesome, I was unable to get that one implemented. Great job Jon!

  0

  

  Jon Henrik Åvitsland•190

  @jonhenrikaavitslandPosted over 1 year ago

  @DarrenBerg1 thanks :) It should be working now. I noticed in the Figma file that the NFT image is a background image and so it became pretty straight forward after that.

  1

  

  Darren•120

  @DarrenBerg1Posted over 1 year ago

  @jonhenrikaavitsland That makes so much more sense.. I don't know where my brain was going HAHA. Sometimes I just sit and stare at the screen for like an hour with a blank face >.<

  Thank you for the info!

  0

  

  Jon Henrik Åvitsland•190

  @jonhenrikaavitslandPosted over 1 year ago

  @DarrenBerg1 No problem :) Thanks for the chat. Cheers.

  0