NFT Preview Card Component with Vanilla HTML & CSS

Community feedback

• 

  Siva•210

  @sivakumarsPosted almost 2 years ago

  Hi, @BarteQS.

  Good job on the challenge.

  First part of your question: how do you align the items - the text with image?.

  Try using align-items: center on the .cost and .time-left css class. It should align the text with the images.

  Second part of your question: How do you place the eye icon on the image when you hover.

  Just like you've used ::before pseudoelement for the overlay, use ::after pseudoelement and place the 'eye' icon as part of the ::after pseudoelement.

  I hope this should solve your issues with this challenge. Let me know how it goes!

  Marked as helpful

  1

  ---

  

  BarteQ•160

  @BarteQSPosted almost 2 years ago

  @sivakumars Hey, thank you very much for the advice, I managed to fix everything. It was actually pretty simple, and I suppose I should've come up with it myself. Anyways, thank you again and Happy Coding!

  1