1. Curso de HTML / CSS
  2. /
  3. CSS
  4. /
  5. CSS - REM
1 / 1

CSS - REM

rem, por ejemplo 1.25rem es la forma de trabajar actualmente para que sea mantenible.

Por definición, el tamaño base del documento es 1rem y suele valer, si el usuario no lo ha cambiado, que puede, 16px

Por esto, y por el ritmo, usamos en la medida de lo posible múltiplos o potencias de 2.

Por lo que:

Valor en px rem
12px 0.75rem
14px 0.875rem
16px 1rem
20px 1.25rem
16px 1.5rem
24px 1.75rem
32px 2rem
etc ...

Ejemplo práctico