4
respostas

Dúvida conversão

.titulo-principal {
    font-size: 60px;
    text-align: center;
    background-color: #851944;
    color: #FFF;
    padding: 25px;
    border-bottom: 10px solid #000;
}

.titulo-principal {
    font-size: 300%;
    text-align: center;
    background-color: #851944;
    color: #FFF;
    padding: 2rem;
    border-bottom: .5rem solid #000;
}

A base que está sendo tomada é 20px certo?

O raciocinio então é :

100% = 20px 300% = 60px ( que o px definido no titulo-principal )

border-bottom : 10px border-bottom : .5em ( que é a metade de 20px)

padding : 25px padding : 2rem = 40px? mas o valor que está é 25 px , fiquei com esta dúvida , não seria 1.25rem?

4 respostas

Oi Nicolas, verdade, parece que o exercício está errado. Obrigado pelo feedback, estaremos corrigindo logo logo.

Bons estudos, obrigado!

Olá, pegando como base a duvida do amigo, nesse caso o calculo do rem está sendo feito com base na fonte do navegador né? ou é com base no font-size : 300%?; outra duvida quando usar rem ou em ? na pagina existe varios padding e margin, mas na resposta o em e o rem foi usado só em alguns lugares, qual o critério para usa-los.

Essa aula ficou muito confusa, se eu entendi direito o em é para ser utilizado quando o Font-Size for definido mas nesse exemplo mesmo o Font-Size sendo definido foi utilizado o rem e não o em, já em outra resposta no caso o ".leia-mais" o Font-Size foi definido e foi utilizado o em qual o segredo para utiliza-los kk?

Oi bruno, acho que sua dúvida caberia melhor em outro tópico, mas vamos responder por aqui mesmo dessa vez. Próximas vez, por favor, abra um tópico específico pra sua pergunta, fica mais fácil pros outros alunos encontrarem a solução quando tiverem essa mesma dúvida.

Mas vamos lá: Quando usar EM ou REM: Nos dois casos, o valor da fonte final será calculado com base em outro elemento, essencialmente o elemento pai. A diferença entre os dois é que EM se baseia no font-size do elemento pai de imediato formando uma cadeia de herança de calculos de tamanho de fonte (se tivermos tres divs uma dentro da outra, com font-size EM, a última fonte será calculada na segunda, a segunda será calculado com base na primeira e assim por diante).

No caso do REM, um único elemento base é considerado no tamanho da font, que é o elemento base da página, o HTML (o elemento).

Usar um ou outro depende de quais considerações você quer respeitar: Com base nos elementos atuais próximos ou com base o root da página (elemento html) ? Viu? Depende do cenário. Espero ter ajudado.

Nicolas, se sua dúvida foi resolvida, marca como solucionada, tá bem?