Utilizei o (position:absolute) para centralizar no centro da tela.

É eu sempre faço do jeito que o @Gabriel Morandi de Mello disse

Aliás, quando for usar justify-content, a largura do elemento tem que está declarada assim como o align-items, a altura do elemento também deve estar declarada, tem que ser diferente de 'auto'. bom eu nunca pesquisei a respeito disso que estou a dizer mas, pelo que eu vi é isso, se tiver mais duvidas pesquise por fontes confiáveis, afinal, sou apenas um júnior do júnior :) Gostei muito dessa plataforma hehehe vou continuar a realizar os desafios.

Salve @Otaviano-Manoel👋,

Você fez exatamente como proposto no desafio conseguindo centralizar perfeitamente o card no centro da tela, neste caso resolveu perfeitamente o "problema"!

Mas existem sim diversas maneiras de se centralizar algo na tela ou dentro de algum componente:

.card {
    display: flex;
    justfy-content: center;
    align-items: center;
}

ou

.card {
    display: grid;
    place-items: center;
}

estas duas formas são as mais fáceis e recomendadas de se centralizar algo, por isso fazer um HTML bem estruturado é muito importante para a estilização.

Por mais que este seja um desafio inicial, tente pegar o costume de sempre colocar sempre uma div.nome-da-classe dentro da tag main, para que seu código fique mais compreensivo e escalável.

<main>
    <div class="card">
        <! -- conteúdo da div -->
    </div>
</main>

Do mais tente comentar sempre em inglês para obter sugestões de mais pessoas também! Espero ter ajudado, Bons estudos! 😄