Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Usar medidas proporcionais

Olá pessoal.

Nesta parte 4 do treinamento, o instrutor apresentou os parâmetros proporcionais, em e rem, mas exploramos mais o valor `em.

Qual a diferença entre eles, e em quais situações é mais adequado em ou rem ?

2 respostas
solução!

Boa noite, amigo! Enquanto o "em" está diretamente relacionado ao tamanho da fonte do elemento pai, o "rem" está relacionado com o tamanho da fonte do elemento root (raiz). Entendeu? Uma forma simples de ver, é a seguinte: Crie uma div, coloque algum conteúdo nela e crie uma margem de 1em, vc verá que será formada uma margem de 16px, mude para "rem", vai continuar da mesma forma! Agora defina o font-size dessa div em 50px, se a margem estiver em "rem" nada irá mudar porque o tamanho de "rem" é o tamanho da fonte raiz, definida por padrão no navegador como 16px, agora ao mudar para "em"o margem vai virar para 50px, pois ele é definido com base no tamanho do font-size da div!

Sugiro a leitura desse artigo de medidas do Alura: https://www.alura.com.br/artigos/guia-de-unidades-no-css

Espero ter ajudado!

Oi, Wesley S. Santos,

Muita boa explicação, ficou bem claro. e obrigado pela sugestão.

Obrigado!