Solucionado
Olá,
Não ficou claro para mim como foi feita essa conversão. Por gentileza gostaria de uma explicação desse exercício.
Obrigado.
.leia-mais { padding: 8px; margin: 16px; display: block; font-size: 24px; text-align: center; background-color: #E6E7E8; } para
.leia-mais { padding: .5em; margin: 1em; display: block; font-size: 1.25em; text-align: center; background-color: #E6E7E8; }
E aí Tiago, tranquilo?
É simples amigo, por padrão os navegadores tem como base a fonte com 16px que por sua vez equivale a 1em, ou seja, 16px = 1em;
Veja alguns exemplos de conversão de pixel para em:
22px: 22/16 = 1.375em --- ou --- 40px: 40/16 = 2.5em
de em para px:
1.75em -> 1.75x16 = 28px --- ou --- 3.8em -> 3.8x16 = 60.8em
Conclusão:
de pixel para em se divide por 16 e de em para pixel, se multiplica por 16
O exercício mostra a seguinte conversão:
De font-size: 24px;
Para font-size: 1.25em;
Mas não deveria ser:
24/16 = 1.5em
Não vi o exercício, mas se está errado, pode dar uma sugestão de correção para solucionarem o problema.
:-)