# `13` Relative Length em, rem

Hasta ahora, hemos trabajado con píxeles como unidad de medida, por ejemplo, diciendo que un contenedor o caja tiene `100px` de ancho.

Hay otros tipos de unidades que no son absolutas, sino relativas. Las usamos cuando queremos que el tamaño del elemento esté relacionado con otro elemento o unidad de medida.

## Ejemplo usando `em`:

En este ejercicio tenemos dos encabezados `<h2>`. Ambos son `<h2>`, pero uno es más grande que el otro porque los encabezados tienen `font-size` relativos por defecto. 

Dado que el segundo `div` tiene un `font-size` más grande, el título cambia de tamaño en consecuencia y el `heading` se adapta.

## En resumen:

+ `em`: Relativo al `font-size` actual del padre.

+ `rem`: Relativo al `font-size` original de la página.

## 📝 Instrucciones:

1. Proporciona un `font-size` de `0.8em` a ambos `h2`.

2. Ahora asigna un `font-size` de `0.8rem` a ambos `h3`.

## 💻 Resultado esperado:

![Resultado esperado](../../.learn/assets/12-1.png?raw=true)


