Solucionado
Minha dúvida é referente a quando usar margin, margin-bottom e etc.
Por exemplo, na parte do título principal foi colocado: margin: 0 0 1em, como entendi que apenas queria colocar margem na parte inferior, substitui isso por margin-bottom: 1em.
Gostaria de saber se esse procedimento é correto e me explicar um pouco melhor quando usar cada um deles.
Fala Leticia, tudo bem?
O margin: 0 0 1em; seria um atalho para:
margin-top: 0px;
margin-right: 0px;
margin-bottom: 1rem;
margin-left: 0;Geralmente utilizamos esses atalhos para que nosso desenvolvimento seja mais produtivo e que escrevemos menos código, não tem muito segredo nisso, recomendo dar uma olhada na documentação que explica bem a regrinha para esse atalho, acesse clicando aqui.
Mas você pode sim utilizar o margin-bottom nessa situação ja que ja estamos definindo somente margin para o bottom. Porém se fossemos acrescentar mais margins teriamos que escrever mais código e isso seria mais demorado.
Se continuar com dúvida, pode falar que eu continuo te ajudando, ta bom?
Espero ter ajudado, bons estudos :D