Cuando la ventana del navegador se agranda, el control deslizante en la parte superior de la página de inicio se vuelve ridículamente grande. Esta es la primera serie para dispositivos móviles, pero dado que la versión móvil del control deslizante ya está funcionando bien (tal vez deberíamos cargar imágenes más pequeñas, pero funcionalmente es genial) podemos enfocarnos en mejorarlo para el escritorio ahora.
Con algo de CSS simple, podemos limitar su altura (literalmente configurando a max-height
). Pero también podemos limitar la altura limitando el ancho, porque mantiene la relación de aspecto. Luego, si dejamos que el desbordamiento se exponga a ambos lados, obtenemos una experiencia de control deslizante bastante genial en pantallas más grandes.