NFT Preview card component

Community feedback

• 

  Hariom•30

  @DevHarry066Posted over 1 year ago

  You can use the opacity: 0.2 to the original image when hover to it to show it along with hover image

  0
• 

  P

  Azzumar•340

  @AzzumarithmPosted over 1 year ago

  I've looked into your code, here are some suggestions that you can try out.

  1.Clock image: Make width and height of clock image the same.

  2.Make the image and text appear on the same line, centered vertically, and aligned beside each other.:

  HTML:

  <div class="icons">
          <div class="img-text ETH">
                <img class="etherium_img"src="images/icon-ethereum.svg"/>
                <p>0.041 ETH</p>
          </div>
          <div class ="img-text clock">
                <img class="clock_img" src="images/icon-clock.svg" alt="" />  
                <p>3 days left</p>
          </div>
  </div>
  

  CSS:

  .img-text{
      display: flex;
      gap: 3px;
      justify-content: center;
      align-items: center;
  }
  
  

  0

  ---

  

  hitmorecode•6,680

  @hitmorecodePosted over 1 year ago

  @Azzumarithm it's best not to tell/ask people to to mark your comments as helpful. Doing so can get you banned.

  0

  

  P

  Azzumar•340

  @AzzumarithmPosted over 1 year ago

  @hitmorecode thanks for the information. I didn't know that.

  0

  

  hitmorecode•6,680

  @hitmorecodePosted over 1 year ago

  @Azzumarithm you can read it in the community guidelines in the section Please don't

  1