Results Summary Component with TailwindCSS

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 11 months ago

  Olá, @Sagnunes!

  Saudações do Brasil 🖐🏼

  Seu projeto ficou excelente!

  Tenho apenas uma sugestão:

  • Notei que você utilizou Tailwind nesse projeto e na hora de centralizar o card, você fez o uso de margins. Vi que você adicionou md:my-12 para afastar o card do topo da página.

  Usar margin geralmente não é a melhor forma de posicionar um elemento no centro da página. Existe uma forma mais simples e eficiente:

  • Se for usar tailwind, adicione isso ao body:

  h-screen flex justify-center items-center
  

  • Se usar CSS puro, adicione isso ao body:

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

  Espero que ajude!

  Fora isso, seu projeto ficou ótimo!

  Marked as helpful

  0

  ---

  

  P

  Sérgio Nunes•330

  @SagnunesPosted 11 months ago

  @danielmrz-dev

  Muito obrigado pelo o feedback , fiz a alteração que sugeriu e ficou bem melhor!

  Novamente obrigado! :D

  0