Crear galería de imágenes responsive con Flex box CSS3 sin MediaQueries

Cómo crear una galería de imágenes responsive con Flex box CSS3 sin MediaQueries​

Con este rápido tutorial aprenderás a crear una galería de imágenes responsive solo con las propiedades Flex box..
Sin necesidad de añadir MediaQueries




Que les parece el tutorial? 🤔🧐

Muy interesante el tutorial David, parece que ya había estudiado esa propiedad de flexbox aunque también en el grid lo tiene al poner el número de columna por las filas.

se agradece, yo meto dentro de un div los divs con lo que quiero ir acomodando y les pongo la propiedad float: left y el ancho/alto que se requiere, y si el espacio es ancho se van acomodando uno tras otro, si el espacio es estrecho solitos se van a la segunda fila. No se si lo que recomiendas es mejor, me gustaría saber tu opinión.

marjuanm dijo:

se agradece, yo meto dentro de un div los divs con lo que quiero ir acomodando y les pongo la propiedad float: left y el ancho/alto que se requiere, y si el espacio es ancho se van acomodando uno tras otro, si el espacio es estrecho solitos se van a la segunda fila. No se si lo que recomiendas es mejor, me gustaría saber tu opinión.

Hacer clic para expandir...

CSS es como matemáticas,
Se pueden hacer mil fórmulas para llegar al mismo resultado..

Pero mi opinión es que si con esas propiedades, tú web no pierde el factor responsive y si te es como trabajar con el..
Puedes dejarlo así..

Pero te digo que con estos atributos que tiene Flex-box o las que tiene grid

Podrías hacer los mismo pero con unas cuantas líneas de código de menos.


Y mientras menos líneas mejor 😁✌️