Oii Mateus, tudo bem?

Que bom que um colega daqui te ajudou! É bom lembrar que nem sempre vamos conseguir colocar em prática o que a equipe de design propõe.

Existem várias formas de fazer isso e que ótimo que essa funcionou pra você. Mas é importante considerar o uso de flexbox para o posicionamento e alinhamento dos elementos. No seu código, vejo que você já está usando display: flex; no Container, o que é ótimo. Você pode explorar propriedades adicionais do flexbox, como align-items, justify-content, e flex-wrap para um controle mais preciso do alinhamento e distribuição dos elementos filhos.

E em outros cursos as pessoas instrutoras usam outras formas de alinhar e você vai aprendendo com o tempo, indico essa formação:

• Explore React com JavaScript

E indico esse artigo para complementar:

• Flexbox CSS: Guia Completo, Elementos e Exemplos

Um abraço e bons estudos.