Diseño de Interfaces Web

Sitemap

Galería de imágenes con flex y @media screen

Galería de imágenes flexible que varía la disposición según el tamaño de la pantalla.


Galería de imágenes adaptativa de cuatro columnas

Redimensiona la ventana del navegador para ver el efecto. En pantallas de 850px o menos, el layout pasará de tener cuatro columnas a dos. Las pantallas de 600px o menos tendrán una única columna.

Imagen 1

Hojas otoñales Hojas otoñales

Imagen 2

Hojas otoñales Hojas otoñales

Imagen 3

Hojas otoñales Hojas otoñales

Imagen 4

Hojas otoñales Hojas otoñales