Olá, pra mim ainda não ficou claro o uso do rem
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Olá, pra mim ainda não ficou claro o uso do rem
Oi Rodrigo!
Pensa na seguinte estrutura: header > nav > ul > li > a > span.
Se voce coloca um font-size: 2REM no span, não importa o font-size do pai dele (no nosso caso o A), ele vai pegar como referência a raíz do documento (daí o nome, Root EM), o HTML no caso.
Se o tamano da fonte do < HTML > estiver em 20px, nosso SPAN terá um font-size de 40px.
Ficou mais ok?
Abcs!
Exatamente :) aproveitando a resposta de Natan Lembrando o fato nesse caso 2rem = 2 x 20 em vez de 2rem fosse 3rem ficaria 3rem = 3x20 1.5rem = 1.5x20 e assim por diante.
mas caso não tenha definido um tamanho de fonte no elemento raiz "html" o font-size vai ser tamanho da fonte padrão do browser esse calculo vai ser baseado dessa forma 2rem = 2 x font-size (tam-padrão)
Espero ter ajudado.