Para hacer que un elemento sea sensible a la altura en CSS, puedes usar las unidades de medida vh (viewport height) y % (porcentaje).
Aquí te dejo un ejemplo de cómo puedes hacerlo:
```
.contenedor {
height: 100vh; // esto hace que el contenedor tenga la altura del viewport
}
.elemento {
height: 50%; // esto hace que el elemento tenga la mitad de la altura de su contenedor
}
```
La unidad vh se refiere al alto de la ventana del viewport, donde 1 vh es equivalente al 1% de la altura del viewport.
Por otro lado, cuando usas % se refiere al porcentaje basado en el elemento contenedor. Si el elemento contenedor tiene una altura de 500px, un hijo con una altura de 50% tendrá una altura de 250px.
