nft-preview-card-component-main using flex

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Hello Cristian, congratulations for your new solution!

  🎯 Your solution its almost done and I’ve some tips to help you to improve it:

  1.Add transitions to make smoother the interaction while the element gets hovered, you can use a value like transition: all ease-in 0.5s.

  2.Make the component responsive replacing the width with max-width, try that and you'll se the difference:

  .card {
      background-color: hsl(216, 50%, 16%);
      max-width: 350px;
      height: 575px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      border-radius: 10px;
  }
  

  ✌️ I hope this helps you and happy coding!

  0