1
resposta

Ainda nao consegui entender como funciona o em.

Alguem pode me ajudar em relacao ao em? Por exemplo:

.principal{ padding: 3em 0; }

1 resposta

O em é uma unidade relativa ao tamanho de fonte.

Quando expressamos tamanhos como margin, padding utilizando em, isso significa que eles serão relativos ao tamanho da fonte do elemento pai.

Poe exemplo,

<div  class="pai" style="font-size: 16px">
    <div class="filho" style="padding: 3em 0">
</div>

nesse caso a div com a classe filho esta dando um espaçamento interno em cima e em baixo de 3em => (3 x 16px) => 48px