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

david limonche Seguir

Zeta

Verificación en dos pasos desactivada

Verificado por Whatsapp

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

Desde

12 Dic 2019

Mensajes

1.773

Edad

22

• 23 Sep 2022

• #1

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

 

U

Usuario eliminado 263618

• 24 Sep 2022

• #2

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

Eta

Programador

Verificación en dos pasos activada

Desde

16 Ago 2012

Mensajes

1.417

• 24 Sep 2022

• #3

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

Zeta

Verificación en dos pasos desactivada

Verificado por Whatsapp

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

Desde

12 Dic 2019

Mensajes

1.773

Edad

22

• 26 Sep 2022

• #4

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 😁✌️

 

Última edición: 26 Sep 2022