Resolução do exercícios:
.body{
height: 100vh;
box-sizing: border-box;
}
.container{
display: flex;
justify-content: space-between;
align-items: center;
}
.responsivo-container{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
Oi, Oliveira, como vai?
Parabéns pelo resultado, ficou ótimo! Também agradeço por compartilhar seu projeto, com certeza vai ajudar nos estudos de todas as pessoas que estão aprendendo este mesmo assunto.
Inclusive as propriedades relacionadas ao Flexbox são muito interessantes para trabalhar com o posicionamento dos elementos na página. Caso queira aprender mais sobre o Flexbox, recomendo a leitura deste artigo que apresenta todas as propriedades, fornece exemplos e explica como usar cada uma delas para obter um resultado ainda mais interessante.
Continue mergulhando em tecnologia e se tiver dúvidas, conte com o fórum. Abraços!