NFT Preview Card Component Solution

Community feedback

• 

  P

  Biljana Kotevska•130

  @BiljanaKotevPosted over 1 year ago

  Hi Azzwad, no it's not responsive on my PC

  I tried this and it worked:

  .nft-img::before{ width: 260px; height: 260px; }

  .view-icon{ top: 260px; left: 200px; right: 195.2px; bottom: 36px }

  see if that works for you and let me know!

  0
• 

  P

  visualdennis•8,375

  @visualdennissPosted over 1 year ago

  Hi,

  yes it looks okay for me. However i'd suggest not using margin: 150px auto; to center the card on the page. A better practice would be to use grid or flexbox on the container. E.g. you can add these to the body:

  min-height: 100vh; display: grid; place-items: center;

  Hope you find this feedback helpful!

  0