HTML, CSS e Flex

Fala Francisco!

Seu projeto ficou ótimo!

Notei que você utilizou margin pra centralizar o card. 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;
    justify-content: center;
    align-items: center;
}

Espero que ajude!

Fora isso, você fez um excelente trabalho!

You are doing great but here are few things you can do to make it more beautiful.

• center you main container using display:flex; or any other code you are ok with.
• give space between image bold text and paragraph text.
• change border radius so that it matches the design.

Well everything is fine. Practice more and more to be good at this.