NFT preview card component

Community feedback

• 

  Yasmine•700

  @Yasmine10Posted over 1 year ago

  Hi @bilguun1130

  The reason for the spacing issue is because you used grid and then you downsized the icon image with percentages. It doesn't recognise that the icon image is not at 100% anymore, but if you use for example height: 3rem on the avatar image it should work just fine.

  To prevent that issue in the future you could also add align-items: flex-start to your .main-content class, that way you can also see that the image is still height: 100% instead of 30%

  Otherwise great solution!

  Hope this helps 😊

  Marked as helpful

  1

  ---

  

  bilguun1130•380

  @bilguun1130Posted over 1 year ago

  @Yasmine10 Thank you so much! It worked.

  0
• 

  bert farol•40

  @bertfarolPosted over 1 year ago

  You don't have to use "display: grid" in class main-content. Just add padding to all div manually or change the "display:grid" into "display:flex" and add "flex-direction: column"

  • just make sure you set the size of your avatar to 50px or depends on the design.

  1

  ---

  

  bilguun1130•380

  @bilguun1130Posted over 1 year ago

  @bertfarol Thank you for this comment. I just fixed it.

  0