@DarrenBerg1
Posted
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
@jonhenrikaavitsland
Posted
@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.
@DarrenBerg1
Posted
@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!
@jonhenrikaavitsland
Posted
@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.
@DarrenBerg1
Posted
@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!
@jonhenrikaavitsland
Posted
@DarrenBerg1 No problem :) Thanks for the chat. Cheers.
