Solucionado
Olá! inicialmente eu tinha colocado como medida de padding e margin de 16px, antes de prosseguir com a aula e corrigir com medidas de em, mesmo assim aparentemente os resultados tinham sido semelhantes (sem a classe .container__caixa até então), alguém poderia me explicar como identifico quando usar valores em px e quando usar em 'em' ? e a semelhança dos resultados foi 'mera coincidência' como diz o ditado? rs.
Obrigada ! (02/12/2022)
Oi Leticia, tudo bem?
Basicamente você vai usar o em quando você quiser deixar mais fácil o seu trabalho para quando for tornar seu projeto responsivo, ou seja, quando quiser que ele se adapte para vários tamanhos de telas diferentes. Pois ele é uma medida relativa.
Quando você usa uma fonte em tamanho de px, está dizendo que ela vai ter sempre o tamanho estático.
Imagina que você está trabalhando num projeto enorme e usou tudo em px para o layout mobile mas agora quer adaptar ele para desktop, você terá que mudar para rem ou em para que isso seja mais fácil de se fazer.
Ou um usuário que tem baixa visão precisar dar zoom pra enxergar melhor, mas você utilizou apenas pxentão o tamanho não vai aumentar, e isso pode ser considerado um problema de acessibilidade.
O resultado pode ter parecido o mesmo porque o valor em PX era relativo ao EM.
Você pode se perguntar: Então qual o melhor pra usar?
Lembrando que não existe resposta certa ou errada para essas pergunta ou qualquer pergunta na área de programação. Costumamos sempre dizer: depende. Pois depende de diversos fatores como: preferência, familiaridade ou o que a equipe em que você trabalha prefere.
Para te ajudar mais, vou deixar aqui esse artigo: Guia de unidades no CSS, é super completo e importante para que você consiga entender melhor.
Um abraço e bons estudos.
Como sempre esclareceu muito! valeu!