CSS Grid vs Flexbox - Cuando usar uno u otro.

En este video vamos a ver las diferencias entre CSS Grid y Flexbox para construir sitios web y layouts.
🚀 Blog de Diseño Web:
www.falconmasters.com
⭐ Curso de Diseño Web desde Cero:
www.desarrolloweb.io/cursos/d...
⭐ Curso de PHP y MYSQL desde Cero:
www.desarrolloweb.io/cursos/p...
⭐ Curso de React y Firebase desde Cero:
www.desarrolloweb.io/cursos/r...
⭐ Curso de Bootstrap 5:
www.desarrolloweb.io/cursos/b...
⭐ Curso de Woocommerce:
www.desarrolloweb.io/cursos/t...
---
📄 Código del Proyecto:
github.com/falconmasters/grid...
▶ Curso de CSS Grid: • Curso de CSS GRID: | I...
▶ Curso de Flexbox: • Guía Completa de Flexb...
---
Redes Sociales:
📌 Twitter: / falconmasters
📌 Página de Facebook: / falconmasters

[@FalconMasters]

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

[@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 ........?........

[@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

[@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.

[@mitubo1970]

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

[@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.

[@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.

[@victorramirez784]

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

[@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!

[@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.

[@jordanocuadros9425]

Excelente video, estoy siguiendo varios cursos de Front End y ya se viene el curso de Grid y Flexbox, quería adelantarme para ver de que trataba y me quedó bastante claro.

[@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! 👌

[@jorgetex21]

Hola carlos, muchas gracias por la guía me quedo super claro. Grid para las estructuras(layout) y flexbox para los elementos internos(componentes).

[@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!

[@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!!

[@ggg8932]

Magnífica explicación. No lo entendía hasta que vi este video. 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!

[@JosueVader]

Una video que aporta una increíble cantidad de información, gracias!

[@kadexdark]

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

[@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 😎

[@ericjoel3826]

Gracias por todos los videos que nos has regalado.

[@ulisesmartinez410]

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

[@GerardoMartinez-om4et]

Gracias por aparecer ahorita en mi lista recomendada 😅 siempre había aprendido en inglés pero aprender en español siento que explicas muchísimo. Muchas gracias !! Sigue con los videos. Miraré tus tutoriales de flex y css para saber más ya que ahorita solo ocupo flex para react native 😀

[@kikabyatpaau836]

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

[@alejandrocaballero2414]

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

[@samuelsaravia7621]

Excelente video , bastante claro y mas entendible en practica, muy muy buen tutorial

[@hugocontreras2848]

no sabes cuánto me ayudaste con este video

[@jhonphileppereyesflores6968]

Muy buen video! Me recordaste el uso de ambos. Lo máximo.

[@RaCaTaSh]

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

[@RaulBenjaminEscobar]

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

[@msasoftware]

Excelente tutorial. Muchas gracias por compartir tus conocimientos.

[@elmereugeniogonzales4151]

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

[@jesuszunigaamador3226]

Que bien explicas bro, muchas gracias por compartir tus conocimientos!!

[@xlCOPYlx]

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

[@richi087]

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

[@davidfaure1]

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

[@xavierospina5883]

Gracias Carlos, todo muy claro como siempre

[@jorgedavidalarcon]

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

[@axelzabala1494]

Una belleza el video. Muchísimas gracias por tu aporte!

[@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 .

[@marcossadone2605]

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

[@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.

[@danielvicens9931]

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

[@vickychivilcoyar]

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

[@softlamediaagency]

Excelente video! contenido de gran calidad, muchas gracias!

[@carmengrau2971]

¡Excelente video! ¡Muchas gracias por compartir tu conocimiento!

[@lucascserrate]

El mejor canal de programación sin duda

[@miguelfasanella6042]

Excelente video! Todo muy claro, gracias hermano

[@alvarohrv]

Eres excelente explicando, gracias por esta tutorial tan ejemplificador

[@yusbelydelgado681]

Entendí todo super claro! Muchas gracias 👍🏽

[@Moyano__]

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

[@FateeOG]

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

[@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.

[@erykzong]

Me resolviste todas las dudas de 4 meses gracias

[@kazz94]

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

[@victor2600]

Tremendo tutorial hermano , me sirvió de mucho , graciaaaas

[@JohanLeon2392]

Una explicación clara y concisa, muchas gracias!

[@JanArroyo-zw1tp]

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

[@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!

[@jaderpolo3156]

Genial FalconMaster, mas claro no puede ser!

[@amauryperalta4364]

Demasiado bien el video, muy claro el concepto!

[@marytellez7504]

Me ha encantado este video, muchas gracias!

[@fabiancruz9071]

Excelente video, me aclaro muchas dudas, muchas gracias

[@leamkot]

Excelente!!! Muchas gracias Falcon!

[@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

[@Facu_Sp]

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

[@Thedragon47]

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

[@pitagorastrike5457]

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 👌

[@ernepazzo1212]

Gracias por las enseñanzas y GRATIS. Muy bueno lo de: "no son competencia". Sld desde #Cuba

[@jorgeraultzablopez3828]

Es emocionante aprender contigo

[@cristoferricardo1984]

Excelente video! Muchas gracias.

[@SkullHandK22]

Muchisimas gracias locura, me encanta como explicas.

[@jhonalexloboos4968]

como siempre solucionando mus dudas, mil gracias

[@FrankGP.com.]

Gracias por este tutorial Carlos Arturo

[@inmedessoft-mix5517]

Muchas gracias, un verdadero maestro sr!!

[@gabrielmejia9001]

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

[@FalconMasters]

Muchas gracias!

[@MikeS70]

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

[@FalconMasters]

Muchas gracias!

[@jcorderob]

Excelente explicación. Mil gracias

[@dickjustice8036]

Me sirvio muchisimo este video. Muchas gracias!

[@davidflorido2743]

Muchas gracias Carlos Arturo!!!

[@valmikitecnologia9206]

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

[@zeth7004]

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

[@Pablito_Dev]

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

[@shinigamigirl88]

Te felicito, que excelente explicación

[@nicostjohn]

Super claro! Muchas gracias!

[@ivanorlandomezatorrecilla232]

Excelente explicación. Bendiciones.

[@sebastianguerrero9367]

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

[@joselondono4510]

Muy útil el video, muchas gracias.

[@maximiliano7086]

geniaaal, q buen tutoriaal, gracias makina🙌🏼

Estupenda clase de flexbox y Grid en 20 minutos

[@hernandezascenciobrandonyo3510]

Exelente forma de explicar camarada 👍

[@fransalas-pluginsweb]

Estupenda explicación. Gracias.

[@maurolopez9457]

Muy bien explicado! muchisimas gracias!

[@emmanaorg8836]

Excelente como siempre!

[@robertobenedit]

Fantastico, super claro, y super util!

[@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!

[@George-ky1kb]

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

[@andreyjimenez416]

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

[@anthonygayoso9113]

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

[@reinelgallegohansson2621]

Como puedes ver, un gran vídeo. Muchas gracias