CSS Grid vs Flexbox - Cuando usar uno u otro.

[@FalconMasters]

Si te gusto el video dale manita arriba 👍 Y no olvides suscribirte para mas tutoriales de desarrollo web.

[@blackjack4482]

Vrg wey, acabas de hacer el video que no sabia qué necesitaba, pero que necesitaba

[@alanjairguadalupemartinez2533]

Cuando dice porcentaje y yo de dut eso hago xe

[@mareasperez7]

X2 jajaja

[@maximiliano7086]

sii x3 jajajsjsj

[@Narutavoful]

X4

[@randellcaballero4293]

JAJAJA X1000

[@martinstevenhernandezortiz6577]

Flexbox => Elementos dentro de Cajas Grid => Cajas dentro de Estructuras

[@PterPmntaM]

Mejor dicho, utiliza grid para que la estructura sea como tú quieres, y usa flexbox para que los elementos estén como tú quieras?

[@pabloparra3490]

Me ayudo mucho tu comentario mi pana, gracias!

[@moisesanthonyespinoza2910]

a penas vi el video tbm opine lo mismo jejejej ... es asi mejor ... ya que anteriormente me rompia la cabeza cuadrando pero con flex y grib es mas facil ...

[@davidag90]

Muy buen resumen

[@vanhellsing3029]

​@@moisesanthonyespinoza2910 a........porque...... tantos.......puntos ........?........

[@andrezarias3542]

-Flexbox = para diseños unidimensionales, controla solo filas o columnas. (Encabezados, Cards, menús de navegación.) -Css Grid = para diseños bidimensionales, controla filas y columnas a la vez. (Diseños de Pg completas, sistemas de columnas, Galerías de imágenes.) Grid no reemplaza a Flexbox, ni Flexbox no reemplaza a Grid Que buen ejemplo amigo Falcon 👍🏻

[@omarrosas5524]

hola, todo esto que comentas, reemplaza el uso de Bootstrap?

[@joseenriquecrialesmontilla4084]

pero se puede trabajar con los dos simultaneamente? gracias

[@pame4771]

@@joseenriquecrialesmontilla4084 si, claro que se puede, no veo porque no.

[@Sionizado]

Wow... Me acabas de sacar una venda enorme de los ojos, no lograba entender como manejar cada uno y lo lograste en 20 minutos. Mil gracias, recién comienzo a estudiar, llevo un mes y no lograba entender muy bien como funcionaban. Nuevo subs

[@galoborelli725]

Hola amigo, de todo lo que he buscado en internet (y creeme que llevo 2 años revolviendo la web) sos el que MEJOR EXPLICA, sos claro y vas derecho al grano, me encantan tus tutoriales y espero que sigas haciendo mucho mas, abrazo y un sub nuevo !

[@FalconMasters]

Muchas gracias por estas bonitas palabras, las aprecio mucho. Muchas gracias a ti por apoyar mis videos, te mando un gran saludo.

[@alejandromonzon1622]

Me acabas de aclarar muchas dudas que tengo referente a ambos módulos de CSS, y me has dado la confianza de probar Grid, siempre he diseñado mis maquetas con flexbox pero si hay que hacer muchos ajustes, acabo de aprender la propiedad Gap gracias a ti, será que mejor me vea tus cursos completos!

[@marciorossi5075]

Me parecen fantásticos tus videos pero la dinámica de dejar un código "crudo " para ir aplicando lo que se ve en el video y después dejar un ejercicio de práctica es fabulosa!! Muchas gracias

[@FalconMasters]

Muchas gracias Marcio, esa es la idea, aprender preacticando. Saludos

[@marciorossi5075]

@@FalconMasters ese es el verdadero camino

[@manuelcastillo7623]

Video 10/10 imposible no comentar, aprendí muchísimo. Voy para los cursos de Flexbox y Grid, estoy seguro que voy a aprender mucho, gracias por tu tiempo!

[@FalconMasters]

Muchas gracias! Me alegra que te sirvan mis videos!

[@ricardoconti4158]

Muy grosa tu explicación, te agradezco que lo hayas realizado tan simple y útil para todo el que vea el video, obviamente lo voy a recomendar a mis compañeros y amigos, en 20 minutos entendi lo que no entendi en 6 hs de clase. Gracias totales!!!

[@FalconMasters]

Muchas gracias! Lo aprecio mucho.

[@tonybp]

La verdad yo ya tiré la toalla en esto del desarrollo web, es abrumador todo lo que hay que aprender para llegar a un nivel profesional, pero aun así me gusta ver tus videos.

[@ignaciogahe5763]

Su te sirve creo que tenes que dejar que madure las ideas y conceptos que aprendes y si intentaste de forma autodidacta tenes que organizar los conceptos eb el desarrollo está frontend y backend con eso ya podés investigar que significa y podés comenzar por frontend y en un futuro podés llegar aprender backend siempre aprendiendo lo que nesecitas

[@FalconMasters]

No te desanimes, el camino del desarrollo web es muy grande, pero nadie, absolutamente nadie sabe todo. Todos hacemos nuestro mejor esfuerzo aprendiendo poco a poco, un tema a la vez. Y ya veras que no es tan difícil una vez que comienzas. Animo y saludos!

[@tonybp]

@@ignaciogahe5763 No pude pasar de CSS, hay muchos detallitos y "mañas" que hicieron que me desesperara y me dije "si apenas con CSS me está doliendo la cabeza, ya me imagino con JS, los frameworks, etc." Ya no soy un jovenazo y cuando veo que sólo contratan de cierta edad para abajo pues fue cuando dije "tengo que aprender demasiado y de cualquier forma no me van a contratar". Pero aun así me sigue gustando y llamando la atención esto del desarrollo web. Gracias por tu respuesta.

[@tonybp]

@@FalconMasters Gracias por la respuesta. La verdad que sí soy algo desesperado. Perdí mi trabajo por la pandemia y consideré el desarrollo web como una alternativa, empecé bien pero al ir aprendiendo me desesperaba con muchos detallitos y como le comenté a ignacio, no soy un jovenazo y en el web development veo que hay mucha discriminación por edad a la hora de contratar y eso me desmotivó más. Tal vez lo vuelva a retomar con más calma, pero me conozco jajaja, de cualquier forma me gusta seguir viendo videos de esto, aunque muchas veces no los entienda. ¡Saludos!

[@FalconMasters]

@@tonybp No se que edad tendras, pero me han escrito muchas personas por mensajes en Udemy diciendo que tienen desde 70 hasta 85 años y estan muy animados por aprender. No dejes que la edad sea un impedimento, lo importante es lo que tu decidas hacer con los conocimientos que tomes. Mucha suerte!

[@angeldominguezplata8161]

¡Gracias!

[@FalconMasters]

Muchas gracias por apoyar mi canal! Muy apreciado.

Tu video lo encontré en el momento perfecto, estaba luchando con flex en una tarea jajja y con grid me resultó muy fácil, muchas gracias. Excelente aporte.

[@FalconMasters]

Me da mucho gusto que te sirviera!

[@Sr_Andrey_Jimenez]

Hey, yo compre este curso es Udemy, ahora es free para todos los que quieran aprender, que grande eres!!!

[@guzmán_developer]

Me acuerdo que este canal fue de los primeros que ví cuando empecé a aprender sobre programación y desarrollo web. Gracias 🙂

[@FalconMasters]

Gracias a ti!

[@wokeevoke]

Explicación impecable. Al estar aprendiendo diseño web por mi cuenta hay cosas que se pasan por alto y, gracias al video, ahora se cuando usar una opción u otra.

[@PneumaCore]

Mi profesor ponía muchísimo tus vídeos en clase, que sepas que me has ayudado un montón! Me alegro que a día de hoy sigas haciendo vídeos. El ponía tus vídeos sobre HTML y CSS , sé que tienen unos añitos... 😊

[@FalconMasters]

Eso es genial, muchas gracias por contarme esto, es un honor que mis videos fueran de ayuda en sus clases. Si algún día vez a tu profesor dile que muchas gracias de mi parte y le mando un saludo.

[@PneumaCore]

@@FalconMasters Jejeje, yo soy de España, hace dos años empecé un curso de informática a nivel general y en el segundo año se daba una materia llamada "Aplicaciones Web", que se daban HTML y CSS básico. Mi profesor ponía tus vídeos casi todas las mañanas y me fueron de muchísima ayuda, estaban muy bien explicados. Actualmente estoy haciendo un curso de programación en el que también estamos dando nuevamente HTML y CSS, aunque Flexbox y Grid eran cosas nuevas para mi y me alegró un montón saber que tenías vídeos al respecto y que seguías haciéndolos. 😂 Ayer tuve un examen y seguramente lo haya aprobado gracias a ti, jejeje.

[@victorramirez784]

Oh Dios!! Se nota que eres un profesional, entendí ambas propiedades a la primera. De una vez me voy suscribiendo, gracias.

[@josepservat211]

La gente que da dislikes realmente no lo entiendo... gracias por el video esta muy bien :)

[@theranger7586]

¡Eres el mejor! 👏🏽👏🏽👏🏽👏🏽 👊🏽🥸👍🏽 Gracias por compartir tus conocimientos, de tan excelente manera, pero sobre todo, por obsequiarnos tu tiempo... 🙌🏽 ¡Dios te bendiga, Carlos Arturo! 🙏🏽

[@FalconMasters]

Muchas gracias!

[@bowiemage1]

Gracias por el video, vengo de un cusro de udemy que dicto un chileno y esto lo explico como el culo super entreverado con pesimos ejemplos. Con tu video me lo dejaste super claro y encima dejastes los codigos. muchas gracias!!

[@didierlugo7892]

excelente tutorial muy bien detallado y explicado me da pena pero confieso que me estaba dando mucho problema el CSS mas que todo lo de acomodar los elementos pero con ese video resolví casi que todas las dudas y me quedaron claras un motos de cosas que aun no entendia del todo ahora si a practicar y empezar unos proyectos personales que tengo .

[@ggg8932]

Magnífica explicación. No lo entendía hasta que vi este video. Muchas Gracias!

[@Hiroki_MakeGames]

excelente tutorial! me costo los media por falta de conocimiento. Pero la respuesta esta en el video, solo hay que reverlo y listo. Gracias por el contenido

[@yangenmanuel2659]

Eres Increible, estaba indeciso y tu sacas este videazo gratis!

[@richi087]

La verdad que es el mejor ejemplo que encontre para diferencia entre FLEXBOX y GRID. Clarisima la explicacion y los ejemplos!

[@_uzih4044]

Que buen video bro, solo con ver lo claro y bien explicado que esta este vídeo me alcanza para suscribirme, gracias por el contenido 🙏

[@FalconMasters]

Hey! Muchas gracias!

[@RaulBenjaminEscobar]

Genial el video. Saludos desde Córdoba, Argentina.

[@cristoferricardo1984]

Excelente video! Muchas gracias.

[@lucascserrate]

El mejor canal de programación sin duda

[@elmereugeniogonzales4151]

Excelente video mi estimado amigo Falcon la verdad aprendí mucho gracias amigazo.

[@MikeS70]

Excelente video! No creo que haya una explicación mejor a la que diste. Muchísimas gracias!!

[@FalconMasters]

Muchas gracias!

[@EduartSantamaria]

Tenía mis dudas con respecto a esto y dudaba sobre si aprender Grid, ahora noto la diferencia de manera lógica ¡Buen vídeo! ¡Saludos!

[@predicadorlolp]

Increíble explicación porque en un mismo proyecto muestras ambos y así se entiende mucho mejor 😎

[@anthonygayoso9113]

Joder tio , ojala vivas para siempre . Todos tus videos siempre me han salvado en este camino del desarrollo web responsive

[@vickychivilcoyar]

gracias es de mucha ayuda este video y tu canal explicas muy bien. Saludos desde Argentina

[@josepascualferrer3248]

Excelente video. Muy bien explicado y acompañado de un ejemplo que deja muy claro el uso, así como las ventajas y desventajas de cada propiedad. Mi enhorabuena.

[@yeisonagustin7413]

acabo de terminar sus cursos de html y css basicos de hace unos 5 años, y ahora con este...

[@emanuelgonzalez9480]

Muchas gracias, gran video amigo! muy claro me queda la diferencia entre ambas y como saber en que momento puedo utilizarla. siento más afinidad con las grid por el tema responsivo, aunque es algo que apenas lo estoy viendo. De ante mano gracias por el video.

[@lucaslopez812]

Muy buen video, dentro de todos los que hay. Es el que mejor llega a explicar como y cuando usar cada valor.

[@FalconMasters]

Muchas gracias!

[@nazarenavazquez5719]

Gracias, se valora mucho a las personas como vos que enseñan, no dejás alias para que te donen? Siento que muchos donaríamos❤

[@FalconMasters]

Muchas gracias, aprecio mucho tu comentario. No tengo un sitio para recibir donaciones ya que me dedico a vender algunos de mis cursos: www.desarrolloweb.io/ Saludos!

[@ulisesmartinez410]

Muy interesante la forma cómo lo explicas, felicidades. Te has ganado un suscriptor más.

[@brayanavila2643]

Hola, siempre veo tus videos, muchas gracias, estos últimos 2 meses he aprendido HTML y CSS muchísimo. Tanto así que ya puedo hacer una web sin ningún problema.

[@FalconMasters]

Me alegra escuchar eso!

[@merlosanluis2024]

@@FalconMasters ya sea en el CSS Grid o en Flexbox hay algun codigo para hacer un ramdon en las imagenes? o sea que la lista de imagenes vayan rotando de lugar? Gracias

[@RaCaTaSh]

Gracias a vos termine de entender para que se usa cada uno!

[@marcossadone2605]

Excelente video, aprendi mucho y me despejo todas las dudas. Muchas gracias!

[@hugocontreras2848]

no sabes cuánto me ayudaste con este video

[@faureWorld]

Sos muy capo chabon me ayudas todos los días un montón! Gracias por existir.

[@Facu_Sp]

Me encantó , me costaba mucho distinguir en que situación utilizar cada uno !

[@alejandrovillagra-xv8cd]

gracias mi bro, un saludo desde Nicaragua

[@javiervalenzuela6399]

muchas gracias, todo muy didáctico, explicado en facilito 👌

[@vituco22]

me encanta gracias,quiero seguir aprendiendo

[@rey-p62]

Muy didactico, se ven las ganas de enseñar, te dejo mi subscripción, mi like y mi gratitud. Saludos

[@hernangodoy8239]

Muy bueno che, despues de tanto tiempo usando los dos, me di cuenta que con grid no podia acomodar tales componentes. Pero ahora este video me sacó la duda, vos a usar los dos. Capo!

[@jorgedavidalarcon]

Excelente video... El mejor que he visto. 🎉

[@davidflorido2743]

Muchas gracias Carlos Arturo!!!

[@Z4UR1X]

Excelente video explicas lo que muchos cursos no hacen! Por cierto, qué lindos colores en VSC

[@FalconMasters]

Gracias! El tema se llama ayu mirage por si quieres usarlo.

[@sebastianguerrero9367]

Bueno señor, Yo me suscribo de una vez. Usted si le sabe. Saludos.

[@migueldeirala]

Buen vídeo, me suscribo desde España. Me vas a ayudar con el frontend de mi primera página, muy bien explicado.

[@FalconMasters]

Muchas gracias, que aprendas mucho!

[@Thedragon47]

Muchas graciassss! Voy tu comentario en el otro video y en este ya me quedo todo claro ❤️

[@FateeOG]

Gracias falcon como siempre dándonos tu sabiduría del front

[@aboukeita6627]

Muchas gracias hermano de verdad algún día me gustaría ser como usted tan inteligente

[@dragonballsueperoffial5468]

Gracias KZbin por recomendar esto ❤

[@erykzong]

Me resolviste todas las dudas de 4 meses gracias

[@drfcozapata]

GENIAL!!! Sobre todo el detalle (que no había fijado) de que la caja debe tener un "height: 100%" (min 11). Saludos y un abrazo desde Venezuela.

[@FalconMasters]

Si, tiene que tener un min-height del 100% de otra forma el body solo abarca el alto necesario y no se puede centrar de forma vertical.

[@drfcozapata]

@@FalconMasters Gracias Carlos! Bendiciones

[@jeronimoperez7992]

doctor!

[@drfcozapata]

@@jeronimoperez7992 Saludos bro!

[@alejandrocaballero2414]

Muy bueno. ejemplos y explicación sencilla que lo vuelve fácil de aprender. Muchas gracias.

[@kadexdark]

Este tutorial es genial. Me encanta tu forma de explicar, muchas gracias!!! Acabas de ganar un suscriptor

[@kikabyatpaau836]

Excelente explicación, ahora me queda mas claro cuando usar Grid y Flexbox. Gracias.

[@L_6.]

Agregaré tu video a mis favoritos de css

[@javidesarrolloweb]

Arturo, sos un genio la verdad me gustan mucho tus videos porque sos simple y claro, un abrazo desde argentina

[@FalconMasters]

Muchas gracias Javier! Te mando un gran saludo igualmente.

[@javidesarrolloweb]

@@FalconMasters yo soy uno de tus alumnos en udemy

[@FalconMasters]

@@javidesarrolloweb Una vez mas gracias por apoyar mis cursos :D

[@javidesarrolloweb]

@@FalconMasters es que son muy buenos y vale la pena invertir con profesores como vos

Estupenda clase de flexbox y Grid en 20 minutos

[@Moyano__]

Que bueno para el laburo que me viene esto. Gracias.

[@ericjoel3826]

Gracias por todos los videos que nos has regalado.

[@nicpas]

Gracias! Muy bueno el video, clarisima la explicación y el ejemplo utilizado. Gracias nuevamente, me suscribo.

[@FalconMasters]

Muchas gracias!

[@valmikitecnologia9206]

woooow que gran video neta muchas gracias, te ganaste un suscriptor más

[@mitubo1970]

Preciso claro y al grano, como siempre. ¡Gracias maestro!

[@xlCOPYlx]

Me ha gustado mucho tu tutorial, me haz dejado claro cuando debo usar ambas etiqueta. Te has ganado un nuevo sub

[@xavierospina5883]

Gracias Carlos, todo muy claro como siempre

[@gabrielmejiag]

Fantástico !! Muchas gracias por la clase. Te felicito, eres muy bueno enseñando. Saludos desde CDMX

[@FalconMasters]

Muchas gracias!

[@vicryddle]

Desde hace muchísimo tiempo te he seguido es decir cuando apenas aprendía CSS y HTML, tu forma de enseñar es muy buena. Muchas gracias 👌

[@vicentpaveltortosalorenzo9578]

Hola, Primero enhorabuena por el video. Por otra parte, te recomiendo que para los anchos de los flex items, utilices la propiedad flex-basis o su shorthand flex. Esto facilita la lectura, y se sabe en todo momento que ese elemento es un flex item. Será más fácil de mantener por ti en el futuro o si otra persona coge tu proyecto para modificarlo.

[@danielvicens9931]

Excelente explicación...Algo complicado lo haces fácil de entender... Un gran abrazo y gracias...

[@robotnegro1949]

Apenas vi el titulo me di cuenta que me iba a servir la info xd gracias

[@nachoviani7868]

Excelente vídeo, me ayudó mucho. Lo haces ver tan fácil jajaja

[@davidramirez9727]

Muchas gracias Falcon, estoy aprendiendo a dominar CSS Flexbox y este video me ha ayudado a despejar dudas acerca de como y cuando usar Flex o Grid. Saludos 😎

[@jesus_malik]

Buenaardooo! Muchas gracias! Ya entendí como hacer bien muchas cosas que tenia en mente!

[@MauFerrusca]

Buena la referencia a los Stones. Saludos y gracias por un muy buen video explicatlvo.

[@cristianagudelo2972]

De verdad aprendo mucho con usted Carlos. Aún no he entrado a la Universidad (ya el siguiente año empiezo) y he aprendido demasiado gracias a tu ayuda! 👌

[@arielchocobar9608]

buenisimo tu video, en el master no esta la solucion para el responsive? graciasss

[@milgus9916]

Exelente video amigo. Podrías complementar este con como hacer responsive las columnas para que se organicen en funcion de tamaño de pantallas diferente.

[@George-ky1kb]

de verdad te lo agradezco eres el mejor y explicas de 10

[@leandrodocarmo5130]

Disculpen el TOC pero en la línea 65 dice Flebox, FLEBOX!!! 😵 Por otro lado ¡Felicitaciones por el contenido! Está explicado de una manera muy sencilla y sin rodeos. ¡Me suscribo!

[@joseguerra2389]

Al fin lo entendi. ❤ Gracias mi bro

[@edwarddk9007]

Excelente yo personalmente uso css grid para mis layouts y definir cuadriculas para cards, y flexbox lo uso para manipular los items internos

[@kazz94]

Este video está tremendo, ¡¡muchas gracias!!

[@firelordozai5719]

Muchísimas gracias por compartir este contenido. En mis proyectos batallo mucho por acomodar cosas con el flexbox y ni siquiera imaginaba que flexbox y grid podían coexistir.

[@zeth7004]

Gracias me sirvio mucho el vídeo no le tenía fe

[@marytellez7504]

Me ha encantado este video, muchas gracias!

[@JanArroyo-zw1tp]

Excelente, y gracias por todo claro y conciso..!

[@SkullHandK22]

Muchisimas gracias locura, me encanta como explicas.

[@JohanLeon2392]

Una explicación clara y concisa, muchas gracias!