Responsive Landing Page

Oi Felipe, parabéns por ter completado seu primeiro desafio!

Tenho algumas dicas pra você melhorar sua solução:

1. A cor do background seria mais ou menos esse valor aqui background: #f2eae2;. Basta adicioná-lo ao body. Já a cor do cartão seria o branco, background: #fffff;

2. Alinhe o card usando flexbox:

Adiciona no body body { display: flex; align-items: center;align-content: center; height: 100vh}

E depois no container: .container { display: flex; align-items:}

1. Depois você só define o valor igual pras duas div, a da direita e a da esquerda, tipo max-width: 50%; / max-width: 50%; pra cada div.

2. Coloca width: 100%; e display: block; na img para ela parar de distorcer.

Espero que isso te ajude, continue codando!