CSS Grid vs Flexbox - Cuando usar uno u otro.

Подписаться 510 тыс.

Просмотров 334 тыс.

50% 1

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

Наука

Опубликовано:

29 сен 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 500

@FalconMasters 2 года назад

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

@martinstevenhernandezortiz6577 2 года назад

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

@PterPmntaM 2 года назад

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 2 года назад

Me ayudo mucho tu comentario mi pana, gracias!

@moisesanthonyespinoza2910 2 года назад

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 2 года назад

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

@alanjairguadalupemartinez2533 2 года назад

Cuando dice porcentaje y yo de dut eso hago xe

@mareasperez7 2 года назад

X2 jajaja

@maximiliano7086 2 года назад

sii x3 jajajsjsj

@Narutavoful Год назад

@randellcaballero4293 Год назад

JAJAJA X1000

@andrezarias3542 2 года назад

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

@CarlosClipz Год назад

@@omarrosas5524 para mi bootstrap es mucho mas facil. Lo hace todo casi solo

@mitubo1970 2 года назад

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

@firelordozai5719 2 года назад

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.

@alejandromonzon1622 2 года назад

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!

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

@josepascualferrer3248 7 месяцев назад

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 2 года назад

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.

@victorramirez784 2 года назад

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

@EduartSantamaria 2 года назад

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!

@cristianagudelo2972 2 года назад

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

@hernangodoy8239 2 года назад

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!

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

@ggg8932 2 года назад

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

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

@jorgetex21 2 года назад

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

@ulisesmartinez410 2 года назад

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

@jhonphileppereyesflores6968 2 года назад

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

@kadexdark Год назад

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

@yangenmanuel2659 2 года назад

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

@JosueVader 2 года назад

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

@kikabyatpaau836 Год назад

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

@jesuszunigaamador3226 2 года назад

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

@pitagorastrike5457 2 года назад

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 👌

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

@LeoZambranokaseriosoft 7 месяцев назад

excelente video, gracias.

@ericjoel3826 2 года назад

Gracias por todos los videos que nos has regalado.

@samuelsaravia7621 2 года назад

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

@RaCaTaSh 2 года назад

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

@RaulBenjaminEscobar Год назад

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

@msasoftware 2 года назад

Excelente tutorial. Muchas gracias por compartir tus conocimientos.

@elmereugeniogonzales4151 2 года назад

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

@lucascserrate 2 года назад

El mejor canal de programación sin duda

@FateeOG 2 года назад

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

@xlCOPYlx Год назад

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

@jersonjesussaavedraneira7947 2 года назад

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

@vickychivilcoyar 10 месяцев назад

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

@alejandrocaballero2414 2 года назад

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

@hugocontreras2848 2 года назад

no sabes cuánto me ayudaste con este video

@yusbelydelgado681 2 года назад

Entendí todo super claro! Muchas gracias 👍🏽

@richi087 2 года назад

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

@mwmg704 8 месяцев назад

Gracias por todas las enseñanzas :D

@emanuelgonzalez9480 11 месяцев назад

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.

@jorgeraultzablopez3828 2 года назад

Es emocionante aprender contigo

@marcossadone2605 10 месяцев назад

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

@jorgedavidalarcon 6 месяцев назад

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

@_uzih4044 9 месяцев назад

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 9 месяцев назад

Hey! Muchas gracias!

@sebastianguerrero9367 7 месяцев назад

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

@davidfaure1 2 года назад

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

@alvarohrv Год назад

Eres excelente explicando, gracias por esta tutorial tan ejemplificador

@xavierospina5883 2 года назад

Gracias Carlos, todo muy claro como siempre

@danielvicens9931 2 года назад

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

@victor2600 2 года назад

Tremendo tutorial hermano , me sirvió de mucho , graciaaaas

@didierlugo7892 11 месяцев назад

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 .

@facundosperanza9976 Год назад

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

Год назад

Estupenda clase de flexbox y Grid en 20 minutos

@axelzabala1494 2 года назад

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

@Moyano__ 2 года назад

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

@Thedragon47 2 года назад

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

@gabrielmejia9001 2 года назад

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

@FalconMasters 2 года назад

Muchas gracias!

@carmengrau2971 Год назад

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

@anthonygayoso9113 2 года назад

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

@jaderpolo3156 2 года назад

Genial FalconMaster, mas claro no puede ser!

@miguelfasanella6042 2 года назад

Excelente video! Todo muy claro, gracias hermano

@micaelaflax9745 8 месяцев назад

Espectacular explicación

@FalconMasters 8 месяцев назад

Muchas gracias!

@JohanLeon2392 Год назад

Una explicación clara y concisa, muchas gracias!

@erykzong 20 дней назад

Me resolviste todas las dudas de 4 meses gracias

@JanArroyo-zw1tp Год назад

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

@marciorossi5075 2 года назад

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 2 года назад

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

@marciorossi5075 2 года назад

@@FalconMasters ese es el verdadero camino

@SkullHandK22 Год назад

Muchisimas gracias locura, me encanta como explicas.

@fabiancruz9071 Год назад

Excelente video, me aclaro muchas dudas, muchas gracias

@FrankGP.com. 2 года назад

Gracias por este tutorial Carlos Arturo

@amauryperalta4364 2 года назад

Demasiado bien el video, muy claro el concepto!

@davidflorido2743 Год назад

Muchas gracias Carlos Arturo!!!

@kazz94 Год назад

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

@ernepazzo1212 2 года назад

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

@leamkot 2 года назад

Excelente!!! Muchas gracias Falcon!

@softlamediaagency 2 года назад

Excelente video! contenido de gran calidad, muchas gracias!

@danielvaleriobroncano9677 2 года назад

Genial, vamos a poner en practica gracias por compartir.

@aboukeita6627 2 года назад

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

@George-ky1kb 2 года назад

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

@cristoferricardo1984 Год назад

Excelente video! Muchas gracias.

@L_6. Год назад

Agregaré tu video a mis favoritos de css

@zeth7004 2 года назад

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

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

@PneumaCore 2 года назад

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 2 года назад

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 2 года назад

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

@jhonalexloboos4968 2 года назад

como siempre solucionando mus dudas, mil gracias

@hernandezascenciobrandonyo3510 2 года назад

Exelente forma de explicar camarada 👍

@inmedessoft-mix5517 2 года назад

Muchas gracias, un verdadero maestro sr!!

@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

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