Eu estou com dúvida para converter o font-size de px para porcentagem E também de pixel para rem/em, pelo que vi a medida do rem é a mesma do em, só que depende do caso.
Fiquei na dúvida com relação ao cálculo 60px
.titulo-principal {
font-size: 60px;
padding: 25px;
border-bottom: 10px solid #000;
....
}
Foi alterado para...
.titulo-principal {
font-size: 300%;
padding: 2rem;
border-bottom: .5rem solid #000;
}
Como chegou neste resultado, 60px para 300% e 25px para 2rem? Preciso alterar 30px para % "900%" não é pq o subtítulo fica enorme, fui colocando valores aleatórios e acabei colocando 155%, estaria certo este valor?
Um exemplo do que preciso alterar para rem:
margin: 20px 0
width: 2000px; /*Parte 1*/
padding-bottom: 80px;/*Parte 1*/
Gostaria de saber como faço o cálculo para chegar no rem.
Deste já agradeço. (Obseração, não passa a resposta de tudo, estou enviando como exemplo)