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

  • Autor Autor david limonche
  • Fecha de inicio Fecha de inicio
david limonche

david limonche

Zeta
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

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.
 
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.
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 😁✌️
 
Última edición:
Atrás
Arriba