Página responsiva usando Flexbox

Salve meu mano, parabéns ai por concluir o desafio, esse ai ajuda bastante a fortificar os conceitos de flexbox. Segue meu feedback, vou me referir as tags específicas pelo nome que você deu na classe:

• Essa tag <article> que tu usou ao redor do .card não é necessária. Se você quiser manter o seu site com uma semântica bacana, subsitua por <main>, que significa que é o corpo principal da página
• Sobre o uso do relative/absolute, qual a sua dúvida exatamente? Nesse desafio não tem nada que necessite alteração da propriedade position
• Eu vi aqui que você usou relative/absolute para centralizar sua página. Isso não é algo recomendado, pois vai causar problemas em páginas maiores, então é legal você aprender a forma correta de fazer (usar o absolute para centralizar ainda é útil em alguns casos específicos, mas não para centralizar a página principal, saca?). Segue abaixo:

// Tudo que eu colocar abaixo, é o que você tem que remover dentro do .card
// O resto que não está aqui você pode manter
.card {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
}

Agora para centralizar após remover o position e as propriedades que o afetam:

//Troca o nome da taga <article> por <main> e coloque o seguinte estilo nela

main {
    display: flex;
    height: 100vh;
    width: 100%;
    align-items: center; // Isso vai centralizar verticalmente
    justify-content: center; // Isso vai centralizar horizontalmente
}