Cómo crear una galería de imágenes responsive con CSS

david limonche

Eta
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta o intermediario gratuito!
Desde
12 Dic 2019
Mensajes
1.477
Edad
20

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? 🤔🧐
 

Recoftom

Delta
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
Desde
14 Dic 2021
Mensajes
647
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.
 

marjuanm

Dseda
Programador
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta o intermediario gratuito!
Desde
16 Ago 2012
Mensajes
1.133
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.
 

david limonche

Eta
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta o intermediario gratuito!
Desde
12 Dic 2019
Mensajes
1.477
Edad
20
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:

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros, intermediario gratis
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí


Arriba