Por que usar REM ao invés de Pixels?
O uso de REM (Root EM) é recomendado para acessibilidade e design responsivo. Ao contrário do Pixel (uma unidade absoluta), o REM é relativo ao tamanho da fonte do elemento raiz (html).
Isso permite que, se um usuário alterar o tamanho da fonte padrão do navegador para enxergar melhor, todo o seu layout escale proporcionalmente, mantendo a harmonia e legibilidade.
Fórmula de Conversão
REM = Pixels / Base Size (16px)