Este es la mejor guía de flexbox que se encuentra en youtube. Muchas gracias por tu dedicación. Solo añadiré algo, en flexbox hay es main axis y cross axis. A partir de eso se define en que eje actuaran algunas propiedades. Es decir en caso de un align-self también puede alinear de manera horizontal cuando el flex-direction es column. Resumen: Al contenedor Flex display: flex flex-direction: row (defecto) | row-reverse | column | column-reverse flex-wrap: nowrap (defecto) | wrap flex-flow: flex-direction + flex-wrap justify-content (main axis): flex-start (defecto) | center | flex-end | baseline | space-around | space-between | space-evenly align-items (cross axis): stretch (defecto sin height definido*) | flex-start | flex-end | center |baseline align-content (cross axis + Wrap): flex-start (defecto) | flex-end | center | space-around | space-between | space-evenly | strech gap: valor; A los items Flex align-self: auto (defecto) | baseline | center | flex-end | flex-start | stretch flex-grow: 0 (defecto) valor positivo flex-shrink: 1 (defecto) valor positivo flex-basis: valor positivo flex: flex-grow + flex-shrink + flex-basis order: 0 (defecto) valor
DEFINITIVAMENTE EL MEJOR TUTORIAL MAS DETALLADO Y ENTENDIBLE QUE LOS QUE ME LLEGUE A VER, ES SENCILLO VER LO CLARO QUE ES EN LA SINTAXIS DE FLEXBOX, UNA MAQUINA VIDAMRR, ENTENDI TODO, MUCHAS GRACIAS, NUEVO SUB!!
La mejor explicación de flexbox que hay en youtube! Me encanto la verdad, se nota todo el esfuerzo que le pusiste y el conocimiento que tenes. Yo sabia que existía flex porque lo escuche nombrar muchas veces, pero cada vez que quería usarlo, se me complicaba porque no sabia como usar todas estas propiedades. Por lo que esta guia me vino de 10! like y sub para ti bro!
Este tutorial por MUCHISISISIMO es el mejor tutorial de flex box, demasiado detallado y con ejemplos graficos, esto es con un enfoque para las personas como en mi caso son mas de aprendizaje visual.
Llevaba días pegado porque no era capaz de cuadrar bien un proyecto final de la certificación... estaba súper desmotivado porque realmente estoy pagando por un curso y veo que es muy poco entendible (lo peor es que es la primera certificación de 3 y las otras son más complejas)... Llegué a este video, miré los poco más de 40 minutos con mucha atención y lo entendí inmediatamente. Me puse en seguida a hacer el CSS del proyecto y lo saqué a la perfección en menos de 30 minutos. No imaginas lo agradecido que estoy por darme cuenta que no soy yo el problema, ya estaba cayendo en el abismo jajaja
Excelente tutorial muy bien explicado mucho mejor que varios tutoriales pagados, se ve el empeño que le pones para enseñar, felicidades y muchas gracias.
Gracias por tu video, muy entendible y muy buena explicación, me ha quedado claro las funciones de estas propiedades y valores con tu video. Excelente video.
Gracias por la explicación, estaba con el curso de Dalto, pero cuando hablaba de este tema en su curso, iba demasiado rápido y no le entendí jajaja. Una vez mas, gracias por subir esta explicación!
creo que hubiera estado bueno haber usado un estilo creado en el momento (o compartir en la descripcion el main.css) porqe en el mio corro la pagina y no se ve recuadrado y con esos colores, como que cuesta seguir un poco asi toda la explicacion, pero en sí la guia esta genial
Este es la mejor guía de flexbox que se encuentra en youtube. Muchas gracias por tu dedicación. Solo añadiré algo, en flexbox hay es main axis y cross axis. A partir de eso se define en que eje actuaran algunas propiedades. Es decir en caso de un align-self también puede alinear de manera horizontal cuando el flex-direction es column.
Resumen:
Al contenedor Flex
display: flex
flex-direction: row (defecto) | row-reverse | column | column-reverse
flex-wrap: nowrap (defecto) | wrap
flex-flow: flex-direction + flex-wrap
justify-content (main axis): flex-start (defecto) | center | flex-end | baseline | space-around | space-between | space-evenly
align-items (cross axis): stretch (defecto sin height definido*) | flex-start | flex-end | center |baseline
align-content (cross axis + Wrap): flex-start (defecto) | flex-end | center | space-around | space-between | space-evenly | strech
gap: valor;
A los items Flex
align-self: auto (defecto) | baseline | center | flex-end | flex-start | stretch
flex-grow: 0 (defecto) valor positivo
flex-shrink: 1 (defecto) valor positivo
flex-basis: valor positivo
flex: flex-grow + flex-shrink + flex-basis
order: 0 (defecto) valor
Este curso es mucho mejor que cursos pagados, excelente contenido, ¡gracias!
Gracia a ti Javier!!! Que bueno que te gustó el video
DEFINITIVAMENTE EL MEJOR TUTORIAL MAS DETALLADO Y ENTENDIBLE QUE LOS QUE ME LLEGUE A VER, ES SENCILLO VER LO CLARO QUE ES EN LA SINTAXIS DE FLEXBOX, UNA MAQUINA VIDAMRR, ENTENDI TODO, MUCHAS GRACIAS, NUEVO SUB!!
si vas a comenzar a aprender Flexbox, este es el mejor video que vas a ver, 100% recomendado.
Excelente guia, llevaba tiempo buscando un tutorial para enteder flexbox, pero este es de lejos el mejor. Gran trabajo.
Este video vale oro. A parte de hacerte afianzar los conocimientos sobre flexbox, tambien te saca de muchos apuros.
La mejor explicación de flexbox que hay en youtube! Me encanto la verdad, se nota todo el esfuerzo que le pusiste y el conocimiento que tenes. Yo sabia que existía flex porque lo escuche nombrar muchas veces, pero cada vez que quería usarlo, se me complicaba porque no sabia como usar todas estas propiedades. Por lo que esta guia me vino de 10! like y sub para ti bro!
Este tutorial por MUCHISISISIMO es el mejor tutorial de flex box, demasiado detallado y con ejemplos graficos, esto es con un enfoque para las personas como en mi caso son mas de aprendizaje visual.
Que bueno que te gustó bro 😎
Excelente como esta explicado, realmente se nota el cariño de este youtuber y sus ganas de enseñar. Genio total realmente, gracias
Me quito el sombrero, de verdad que esta es un excelente explicación de flex-box, felicidades.
tremenda explicacion. fue el primero de flexbox que vi y no necesite buscar mas. muchas gracias.
Muy buen curso brother, excelente explicación
Muy buena clase, muy detallada, un tiempo correcto, si tuviese dinero te donaría la verdad. Vales mucho
Al minuto me aclaro todo ,Genio total
Muy visual, buen video. Interesante el de grid de esta manera
Excelente trabajo y técnica pedagógica, muchas gracias me ayudó mucho, lo guardo como guía para repasar, like y suscriptor esperando ayuden!
Esperamos con ansias el de Grid ! xD
CSS Grid, por fiss! Estuvo genial este video.
Amé tu resumen, me hizo terminar de entender todo el contenido dentro de Flex. Grattzie!
Por fin entendí flexbox!! parecía tan complicado y vos lo hiciste súper sencillo! muchas gracias!!
Completisimo y de forma rapida, gracias!
Parcero gran video, me ayudó mucho comprendiendo Flebox. Muchas gracias.
Excelente curso explicación rápida y fácil muchas gracias
Me estaba volviendo loco el flex. Mil gracias bro que Dios te bendiga
voy empezando el video, tiro like y comentario por que empezo de una sola vez, leyenda
Llevaba días pegado porque no era capaz de cuadrar bien un proyecto final de la certificación... estaba súper desmotivado porque realmente estoy pagando por un curso y veo que es muy poco entendible (lo peor es que es la primera certificación de 3 y las otras son más complejas)... Llegué a este video, miré los poco más de 40 minutos con mucha atención y lo entendí inmediatamente. Me puse en seguida a hacer el CSS del proyecto y lo saqué a la perfección en menos de 30 minutos. No imaginas lo agradecido que estoy por darme cuenta que no soy yo el problema, ya estaba cayendo en el abismo jajaja
el mejor video que vi de flex. Muy bueno
Lo has hecho tan bien que parece fácil, hasta yo me he enterado, aprendiendo mucho. Eres buen pedagogo.
Maximo de explicación, muy buena guía excelente ritmo con apoyo visual con ejemplos. Muchas gracias por compartir.
Espectacular esta guía, felicidades.
voy 9 minutos y me encanta como explica, preciso y conciso
Excelente tutorial muy bien explicado mucho mejor que varios tutoriales pagados, se ve el empeño que le pones para enseñar, felicidades y muchas gracias.
Impresionante.. lo mejor que eh visto de flexbox
Excelente tutorial "visual", más claro imposible!!!!... Felicitaciones por el trabajo al autor!.
Yo estudie CSS3 cuando acababa de salir, wow como ha avanzado...
Me encantó! Uno asi de grid! :)
Gracias por tu video, muy entendible y muy buena explicación, me ha quedado claro las funciones de estas propiedades y valores con tu video. Excelente video.
muy bien explicado! me ayudaste a entenderlo! muchas gracias!
Algo así pero de grid plisss
CODERS FREE tiene un curso de Grids buenísimo, te lo recomiendo muchímo, yo aprendí Grids con el
Amigo ya hay uno en este canal ua-cam.com/video/Fj6BGtNvXIc/v-deo.html
Explicarlo de alguna forma mas clara seria imposible. Genio!!!
Excelente video, explicado fácil y desde las bases :)
It really worked for me after I look and try some tutorials, yours is the one that worked. Owe you a lot.
Muy bueno. Quisiera ver algo sobre diseño Responsive.Gracias
Excelente vídeo, por fin logré entenderlo.
Yupitiiiiiii.
Gracias por compartir el video muy bien. Ahora a practice...
Super conciso, enseñar css para nerds ... me ha encantado
Que buena guía, lo he comprendido todo
Ahora falta el grid
Este es un excelente video, mil gracias!
Gracias por la explicación, estaba con el curso de Dalto, pero cuando hablaba de este tema en su curso, iba demasiado rápido y no le entendí jajaja. Una vez mas, gracias por subir esta explicación!
Excelente, muy buen video
Me aclaró muchas dudas.
¡Increíble video! Me ha ayudado muchísimo. Gracias!!
Genio! El mejor contenido sobre flex-box que hay en youtube, espero con ansias algo sobre Grid!
Sos un fenomeno estuve luchando hace unos dias porque no me quedaba y gracias a este video y un poco de practica lo pude sacar!!.
Exelente, Me aclaraste dudas y entendi mucho mejor
Gracias el resumen que buscaba , directo al código y sin mucho rodeo .Gracias también por el de CSS Grid.Saludos desde Lima Perú
Ahora con CSS Grid porfa
el es team flexbox no sabe de grid
@@zangetzu8303 No creo que sea así, Grid y Flex se complementan, no es una cuestión de cual es mejor xd
Muy buena explicacion Muchas gracias!
Excelente video! Muchas gracias
Gracias por tu tiempo!
Muy bien explicado....gracias.
Muchas gracias, por la Gran aportacion. 😊
Vi varios tutoriales de Flexbox y la verdad que este se destaca del resto. ¡Excelente!!! Muchas gracias por el aporte! ahora la de grid porfa
Muy didáctico, con una explicación muy clara y concisa. Muchas gracias!
Bro, muchas gracia spor tu epxlicación, muy precisa!
Excelente, muchas gracias por el video
De las mejores explicaciones de flexbox, gracias por hacer contenido de este tipo, tambien seria super una explicaciones de esta forma con css grid.
Magnifica explicacion! :D Buah, me sirvió mucho, gracias :)
Buenísima, venía de otros video pero contigo aclaré dudas. bueno video
el mejor video que encontré
Gracias por tus videos, voy empezando y me ayudan bastante 🙏😅✌
Exelente explicacion muy claro.
Muchas gracias por compartir 😀
Muy claro. Me sacaste varias dudas con los ejemplos. Gracias!!
Esta súper padre el video. Graciaas
Curso terminado! bien entretenido
Me encantó! Múchísimas gracias!
Excelente, muchas gracias.
Uff que buen video te mandaste man, muchas gracias :)
Un buen tutorial para ver una y otra vez
El mejor video de flexbox
gracias, estoy en un curso de desarrollo web y me sirvió mucho
Si, excelente video Vida MMR
Muy buen video. Gracias.
Gracias por el video. Esperamos el de Grid.
genial explicación, gracias.
La guía definitiva realmente
Excelente explicación. ⭐⭐⭐⭐⭐
Saludos... Excelente aporte...
Super bien explicado... esperando el de GRIP ❤
Excelente explicacion!
muy buena guia, excelente trabajo. Se entiende perfecto con esos ejemplos. A la espera de uno para grid. Sigue asi
gracias buen hombre!
Impresionante la calidad del contenido de este caballero, felicitaciones y gracias :)).
Excelente contenido! 👏
excelente video, por fin pude aprender flexbox ;)
Muy buena explicación, gracias por el video, bastante práctico para se utilizado en proyectos!
Hola, la clase "container" podria ser el ?
La animación es perfecta.
Aprendí más contigo en 45 min que en 1h 30min en curso
creo que hubiera estado bueno haber usado un estilo creado en el momento (o compartir en la descripcion el main.css) porqe en el mio corro la pagina y no se ve recuadrado y con esos colores, como que cuesta seguir un poco asi toda la explicacion, pero en sí la guia esta genial
lo encuentras en el min 13:42 cuando esta en el inspector