NFT Preview Card Component using Next.js, Typescript and SASS

Community feedback

• 

  Maksim•590

  @MaxTarasevichPosted about 2 years ago

  Hi Anthony!

  You can easily solve your problem by setting the property background-color as rgba(0, 255, 247, 0.65);.

  The opacity property when hovering over the .Card Image _wrapper block should be 1, respectively.

  .Card_image__wrapper__MClPi:hover .Card_overlay__3i7Lc {
      opacity: 1.0;
  }
  

  You can't make the value of the opacity property of a child element greater than that of the parent element. Less - you can, no more!

  Also add a display: block property to the image, as it has a smaller height than the parent, and it's noticeable on hover!

  .Card_image__sWcC9 {
      display: block;
  }
  

  I hope my feedback was helpful!

  Marked as helpful

  1