NFT preview card component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Hello @py-rod, Congratulations on completing this challenge!

  Great code and great solution! I’ve few suggestions for you that you can consider adding to your code:

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

  2.To improve your component overall responsiveness, something you can do its to create a media query to save space in the pricing section to make each information in a different row. Here’s the code for this media query.

  @media (max-width: 350px) {
  .card__content__eth__time {
      margin-top: 20px;
      display: flex;
      font-family: var(--outfit);
      justify-content: space-between;
      flex-wrap: wrap;
      flex-direction: column;
      align-items: center;
  }
  
  }
  

  ✌️ I hope this helps you and happy coding!

  0