NFT Preview Card Component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Fala Matheus Bacelar, tudo bem? Parabéns pelo desafio!

  Acabei de ver sua solução e acho que ela está bem completa, tenho algumas dicas pra você:

  1.Adicione uma transição pra fazer os efeitos de hover ficarem mais suaves entre o estado ativo e inativo. Um bom valor pra esse hover é transition: all ease-in 0.5s.

  2.Para tornar sua solução ainda melhor e mais responsiva, você pode criar uma media query para quebrar os elementos na section dos preços/nft e colocar cada conteúdo em uma linha diferente, economizando espaço para dispositivos de baixa resolução.

  @media (max-width: 350px) {
  .flex {
      display: flex;
      justify-content: space-between;
      padding: 20px 0;
      flex-direction: column;
      align-items: center;
  }
  }
  
  

  👋 Espero ter ajudado e continue no foco!

  Marked as helpful

  1