Como chegou nesse resultado font-size: 1.5em;? Não consegui visualizar onde tá o tamanho da fonte do elemento pai. Por causa disso eu só uso o rem, pois sei que provavelmente vai ser 16px.
Solucionado
Como chegou nesse resultado font-size: 1.5em;? Não consegui visualizar onde tá o tamanho da fonte do elemento pai. Por causa disso eu só uso o rem, pois sei que provavelmente vai ser 16px.
hoje, com a Alura e o Google Gemini
Oi Cristiano,
O interessante de usar o EM é quando você precisa que uma parte de um componente seja proporcional a outro.
Nesse caso, o instrutor colocou 1.5em pra mostrar que esse texto especificamente precisa ter 50% de font-size a mais, sempre.
Algo que aprendi recentemente, que ajuda bastante, é tentar achar um tamanho base no layout (normalmente textos de parágrafos), e depois usar o EM com esse tamanho base como referência.
Você pode ver o tamanho do font-size do elemento pai dando um botão direito sobre ele, Inspecionar, e na parte da direita, vá em Computed tem tudo que foi aplicado, só marcar a caixinha "Show all".
O REM ajuda também, mas as vezes você pode querer algo proporcional ao elemento pai, um componente pode ser independente do tamanho da fonte do HTML. Todo os pedaços desse componente possuindo uma relação entre si.
Espero ter ajudado e bons estudos,
Abcs!