All comments

• 

  Thiago Barboza Dos Santos• 190

  @thgsnake

  Submitted almost 2 years ago

  

  Responsive landing page using CSS Grid

  2

  20

  

  Thiago Barboza Dos Santos• 190

  @thgsnake

  Posted almost 2 years ago

  Thanks a lot for the excellent tip.

  0
• 

  alexmckm• 170

  @alexmckm

  Submitted 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

  30

  

  Thiago Barboza Dos Santos• 190

  @thgsnake

  Posted 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

  This comment has received 2 repliesShow