NFT Preview Card

Community feedback

• 

  Abhijit Shankhdhar•320

  @im-abhijitPosted about 2 years ago

  hi @CiMorann, congratulations on completing this one you have to change the color of your hr line from white to blue as mentioned in the design doc

  for the overlay effect , you can refer to my solution , i think this is the easiest way to do it

  https://github.com/im-abhijit/nft-preview-card-component/tree/main/nft-preview-card-component-main

  we can discuss further if you will have any doubts

  Marked as helpful

  0

  ---

  

  César Morán•60

  @CiMorannPosted about 2 years ago

  @im-abhijit Appreciate your feedback! I'm going to read your code and try to understand it aswell, greetings!

  0
• 

  Agnar•220

  @agnar-nomadPosted about 2 years ago

  Hey,

  congrats on your solution. A few notes: make sure to revise the font that you used here and revise the padding on the main card (or margins on the components inside)

  The easiest way to do a simple overlay is detailed here https://www.w3schools.com/howto/howto_css_image_overlay.asp very quick and simple.

  You can check out my solution too, where I used ::before and ::after pseudoelements to solve this.

  0