Stats preview card component using html/css

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Oi @costaguh, tudo bem? Parabéns pelo desafio!

  Acabei de ver sua solução e tenho umas dicas pra melhorar seu código/design:

  Ao inves de usar grid Pra fazer o alinhamento vertical você vai ter que usar min-height: 100vh pra fazer o body ficar com o tamanho de no mínimo 100% da altura da tela e fazer com que o container alinha com essa altura, desse jeito o card vai ficar sempre alinhado ao centro usando display: flex / align-items: center e justify-content: center.

  body {
      font-family: "Inter", sans-serif;
      background-color: var(--primary-very-dark-blue);
      display: flex;
      /* width: 100vw; */
      height: 100vh;
      place-items: center;
      justify-items: center;
      align-items: center;
      flex-direction: column;
      justify-content: center;
  }
  

  👋 Espero que essas dicas te ajudem e que você continue no foco!

  Marked as helpful

  1