📌Masonry Layout Galería al estilo PINTEREST con 1 LÍNEA DE CSS | Taller paso a paso ◀︎

¡Te enseño a realizar una Masonry layout css grid, mejor conocida como galería Pinterest, con una sola línea de CSS y paso a paso, Aprende como se hace!!

Curso CSS INTERMEDIO 👇

Repositorios en Github: 👇

👇Si quieres aprender un poco más y pasar un rato conmigo pásate por mi Twitch y saludame 👇

Comunidad de Discord 👇

Si estás practicando no olvides etiquetarme en Instagram o Twitter con le etiqueta #.YoAprendoConDorian y así poder compartir con todos tus avances y enviarte un saludo especial.

Apoya el canal donando por paypal. 👇

VENTAJAS EXCLUSIVAS!! 👇

Mi setup: 👇

Mis redes sociales: 👇

[emmanueltepepa]

Muchas gracias por el tuto, fue de mucha ayuda. Como nota adicional, si esta intentando hacerlo con componentes en lugar de imágenes y se rompen, usen la propiedad break-inside: avoid-column; dentro del componente que quieren ordenar.

[danilomereles]

Sin dudas Dorian es el mejor profesor que tuve en mi vida

[Cachiporra]

Nunca he visto una forma tan fácil y sencilla de hacer esto me parece sorprendente! Grande Dorian

[erikgonzalezreyes]

Y yo pensaba que era mas complicado, pero resulto ser mas fácil de lo que creí

[VelizFrancia]

Gracias por compartir la solución! Estaba probando el código en mi proyecto, pero me di cuenta de que los elementos se distribuían en dos columnas, lo cual no era lo que estaba buscando. Por suerte, encontré la solución al agregar la propiedad break-inside: avoid al contenedor de mis elementos. Espero que esto pueda ayudar a alguien más que tenga este mismo problema

[Alex-nyyl]

Dios mio, media hora buscando... Gracias

[jairromanbustos]

Dorian como siempre haciendo la diferencia con contenido de calidad. Gracias genio!

[joseedgardoruiz]

Buenísima esta propiedad de CSS, sos el mejor, Dorian! Un abrazo grande!!!

[mordecaii]

gracias estimado!! estuve un par de días atorado con hacer esto y justamente no quería agregar una librería por el peso. ¡GRACIAS!

[xezarpc]

muy buena técnica, ahora aplicar lo aprendido, gracias por tus enseñanzas, sigue adelante y espero pronte poder adquirir el curso intermedio de CSS

[fabrisignoretta]

AMIGOOO, me solucionaste lo del margen fantasma, no encontraba porque era, graciassss

[raulpadilla]

Brutal resultado y en 2 minutos. Eres un Crack! Gracias maestro!

[davids]

Gracias por tus vídeos y explicaciones, me ayudan mucho!!

[zenit]

No jodas, esto es justo lo que quería, también para poner fotos de mi gato.

Gracias bro

[guillermoflorido]

Eres genial, he aprendido mucho de los cursos y los consejos que das. Que fácil solucionas este problema. Mucha salud y trabajo. Un abrazo

[NgServeCaro]

MUCHAS GRACIAS!!! Busque tanto y esta fue la verdadera solucion!!

[codificandoando]

Super genial hermano me encantó, un abrazo y bendiciones

[aurorakishiton]

AAAA, juro que voy a ver todos tus videos :'D me encanta la forma en la que se explica todo.

[Pablenco]

¡Eres un fenómeno, Dorian! ¡Llevo una semana peleándome con el Masonry de Desandro 🥵 y esto lo soluciona en una línea de CSS 🙌!

Excelente aporte!! me volvi loco buscando un recurso asi, estuve a punto de usar una libreria para esto, gracias!!