Nft Preview Card Component

Community feedback

• 

  Adriano•38,390

  @AdrianoEscarabotePosted almost 2 years ago

  Oi Isabella Tressino, tudo bem? Gostei muito do resultado do seu projeto, mas tenho algumas dicas que acho que você vai gostar:

  Prefira usar rem do que px para ter uma pagina trabalhando melhor entre navegadores, e redimensionar os elementos adequadamente.

  se você quiser continuar codificando com px, pode baixar uma extensão muito útil no vscode, que converte px em rem! link -> px to rem

  Uma boa prática para centralizar o conteúdo é usar grid ou flex-box, evite usar margin ou padding para fazer posicionamentos, use apenas no último caso! podemos fazer assim:

  flex-box:

  body {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      min-height: 100vh;
  }
  

  grid

  body {
      display: grid;
      min height: 100vh;
      place-content: center;
  }
  

  o restante está ótimo!

  espero ter ajudado... 👍

  Marked as helpful

  0

  ---

  

  Isabella Tressino•210

  @isabellatressinoPosted almost 2 years ago

  @AdrianoEscarabote Oi Adriano, obrigada pelas dicas! Apliquei o flex-box no body, ajudou muito.

  1