responsivo usando flex box

Oi Leonardo, seu projeto ficou ótimo. Eu também ainda estou aprendendo. 😊 Uma dica, essas medidas que ele coloca como sendo a responsividade, não necessariamente são a largura mínima e máxima do projeto. E você observar bem, o componente tem uma largura que não ocupa a tela inteira na versão desktop. Tenta tirar essas medidas de max e min width e fazer a responsividade utilizando media query e valores relativos.

Fala @YusukeUramesh!

Seu projeto ficou ótimo!

Notei que você utilizou margin: auto pra centralizar o card. Usar margin: auto só centraliza um elemento horizontalmente e, de forma geral, usar margens não é a melhor opção pra centralizar elementos.

📌 Existe uma forma melhor e mais eficiente de posicionar elementos no meio da página (tanto na horizontal quanto na vertical):

• Aplique isso ao body (Pra funcionar corretamente, não use position ou margins):

body {
    min-height: 100vh;
    display: flex; /*  também funciona com grid  */
    justify-content: center;
    align-items: center;
}

Espero que ajude!

Fora isso, você fez um excelente trabalho!