Skip to content
OverviewSolutions
14
Comments
2
Thiago Barboza Dos Santos
@thgsnake

All comments

  • Thiago Barboza Dos Santos•190
    @thgsnakePosted almost 2 years ago

    Thanks a lot for the excellent tip.

    0
  • alexmckme•170
    @alexmckmeSubmitted almost 2 years ago

    Hi everyone, This exercise went pretty smoothly until I had to do the hover effect for the main image. I used Grid to stack the main image, a teal background, and the eye icon, but couldn't figure out the icon hover effect. I would appreciate it if someone could give me feedback on this aspect! Many thanks,

    NFT Card Component - 95% done

    2
    Thiago Barboza Dos Santos•190
    @thgsnakePosted almost 2 years ago

    Hi friend, put a display:none on the class with eye image. Example: .photo-eye{ position:absolute; display: none; and to show only on hover. Ex: .photo-area:hover .photo-eye{ display:flex;}. I did it like this and it worked.

    Marked as helpful
    1