Stats preview card component using html/css

👾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!