rem vs em

px - absolute
rem - root-em relativo ao font-size do elemento html, default is 16px = 1em
em - relativo ao font-size da sua classe pai e também ao body 16px = 1em
W3C recomenda usar apenas px e em

e.g todos se baseado default 16px

p 2rem => 32px

p 2em => 32px

use o inspecionar para verificar o tamanho das fontes em px

3rem - relative body 16px

2em - relative parent, this div is font-size: 30px ou seja 2em x 30px = 60px