NFT preview card component using SASS

Community feedback

• 

  Lucas 👾•104,160

  @correlucas

  Posted about 3 years ago

  👾 Hello Dodeun, congratulations for you solution!

  I agree with you about the colors name variable, I don't use by force the names given in the styleguide.me I try to keep it as simple as possible.

  Your solution seems great, but even if is responsive there's a little issue when you stretch the card container, the profile section starts to get inside the container and get hidden. This is due the overflow: hidden; you've applied to the .card.

  A little tip about box-shadows, your box-shadow is too much strong and dark, try to use ever box-shadows smooth using blur and opacity values. This is the correct value to the box-shadow: box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 3%);

  You can use this tools to generate your box-shadows without worries, then just drop the code: https://cssgenerator.org/box-shadow-css-generator.html

  Hope it helps, happy coding!

  00

  Marked as helpful