NFT Preview Card Component

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted over 2 years ago

  👾 Fala Artur, beleza?

  Parabéns pela sua solução. Vou deixar algumas dicas de como você pode dar uma melhorada no seu código.

  1.Seu container não está responsivo por causa das larguras fixas que você colocou no CSS com width tenta mudar todas pra max-width desse jeito você permite que o container diminua quando a tela começar a ficar mentor.

  2.Não precisa definir o height pro container, ele vai crescer de acordo com os elementos dentro e o tamanho dos paddings.

  3.Ao invés de usar padding pra cima e pra baixo, você pode usar a técnica de colocar padding-bottom e ir espaçando um elemento do só mudando o padding-bottom, desse jeito fica melhor de organizar seu código, se você colocar padding pros dois lados igual no h1, fica mais dificil de gerir o resto dos elementos.

  Espero ter ajudo e vai pra cima dos desafios.

  Marked as helpful

  0

  ---

  

  Artur Neri•230

  @Artur-NeriPosted over 2 years ago

  @correlucas Opaa, muito obrigado, Lucas! Eu mudei o que você sugeriu e minha cabeça abriu com essa de usar só o padding-bottom, sem definir uma altura pro container. O último elemento ficou mais alinhado assim. Mais uma vez, obrigado!

  1

  

  Lucas 👾•104,400

  @correlucasPosted over 2 years ago

  @Artur-Neri Tranquilo irmão, engraçado que eu aprendi essa técnica aqui, alguém também comentou a minha solução hahaha

  0