.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?