NFT Card with flex box

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hello Vanessa, congratulations on completing this challenge!

  Nice code and nice solution! You did a good job here putting everything together. I’ve some suggestions for you:

  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.Make your solution SUPER RESPONSIVE, creating 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) {
  .info {
      display: flex;
      justify-content: space-between;
      padding-bottom: 1em;
      border-bottom: 1px solid var(--line-color);
      font-size: 0.875rem;
      flex-direction: column;
      align-items: center;
  }
  }
  

  ✌️ I hope this helps you and happy coding!

  Marked as helpful

  0

  ---

  

  Vanessa•160

  @VanessaAzPosted about 2 years ago

  @correlucas the 1st suggestion is already done :) I will definitely work on the 2nd. Thank you!

  1