Galería
Este proyecto consiste en una galería dinámica de imágenes de instrumentos musicales, diseñada para adaptarse de forma fluida a diferentes tamaños.
La idea principal fue explorar el uso de container queries, una herramienta poderosa para crear componentes verdaderamente responsivos, que no dependen del viewport completo, sino del tamaño de su contenedor directo.
La galería presenta imágenes de distintos instrumentos musicales, organizadas en un layout que cambia según el espacio disponible. Esto garantiza que la visualización sea clara y atractiva en móviles, tablets y pantallas más grandes.
El desarrollo incluyó pruebas con distintas configuraciones de grid y flex, además de experimentar con propiedades de ajuste de imagen para asegurar proporciones correctas.
El desarrollo incluyó pruebas con distintas configuraciones de grid y flex, además de experimentar con propiedades de ajuste de imagen como object-fit para asegurar proporciones correctas.