Guía Completa de Flexbox desde 0

[@FalconMasters]

Flexbox es increible! Manita arriba al que vea el video completo y se convierta en un maestro de flexbox!

[@Thaidakarium]

FalconMasters Me lo eché completo :33 gracias FalconMasters me llegó de perlas este curso :D

[@FalconMasters]

Veloz2014 Manita arriba (Y) Me alegra que te haya servido :D

[@EnzoAvila]

+FalconMasters Gracias maestro, me irritan los floats y esas cosas, eres una grande, gracias por compartir esto

[@viviraprendiendo8603]

Donde encuentro el plaggins auto prefix de sublime text 3?

[@nilo591]

Hola muchachos saben que instalé el pluggin de autoprefix en sublime y luego probé también con la libreria prefix-free importandola al html, pero aún así en internet explorer tengo problemas sobretodo con la propiedad flex-direction:column y con los mediaqueries para el responsive pero solo en este navegador en los demás carga bien la página. si alguno tiene conocimiento le agradecería.!

[@luisflorescuenca9058]

Eres de los pocos que publican lo importante gratuitamente. Gracias por la explicación.

[@erickcepeda4339]

Los conocimientos avanzados deberían ser pagos, pero para los iniciantes gratis, cuando ya uno tenga empleo y dinero, uno paga sin pensar dos veces un curso de como este con conceptos avanzados.

[@robertobriones]

Sabes que tienes un buen contenido, cuando después de 7 años de haberlo publicado sigue siendo igual de útil. ¡Gracias por compartir!

[@FalconMasters]

Muchas gracias a ti!

[@vicentsoriano4840]

Fenomenal. Tienes lo que se necesita para transmitir por KZbin: Una voz que no duerme, las ideas clarísmas, una exposición impecable y hacer aparentemente fácil lo que no lo es tanto, contribuyendo a aumentar la autoestima del que visualiza el vídeo. Gracias Vicent

[@FalconMasters]

Vicent Soriano Muchas gracias Vincent, intento mi mejor, me alegra mucho escuchar que alguien aprecia eso. Saludos

[@moisesgomez4423]

Casi 5 años desde que se publicó y aun sigue siendo muy útil. Muchas gracias por tu trabajo.

[@Risan9885]

todos los videos ke veo de falcon master aunke son de hace 5 anos son como nuevos y entretienen buen trabajo hombre

[@danxter8501]

"el vídeo es un poquito largo" Man, es necesario que sea así de largo, para que la explicación sea detallada. Excelente vídeo.

[@Mateoballoon_cr]

Exacto

[@leandrdg5517]

ps que se vallan a ver gameplays entonces, en serio q se quejan de todo obvio lo digo por quienes dicen que el video es largo

[@jrrstories]

Literalmente le estas gritando jajajaj... no excelente la verdad vengo aqui por que los cursos que dan online lo hacen bien rapidos y no explican bien

[@fernandopiquero2211]

que puedes esperar de estúpidos y malcriados millenials que en su puta vida se han leído un libro?

[@marioalejandrogarciaflores3929]

Cómo hubiera deseado ver este video antes de pasarme 2hrs centrando con margin y padding. Eres grande Falcon

[@lemonpink4]

- y valió la pena? -por supuesto, valió cada segundo. Gracias falconmasters.

[@FalconMasters]

Muchas gracias :D

[@caribelog]

El mejor profesor que he visto en mi vida, realmente este pana sabe explicar un tema.

[@arseniogonza]

Increible FalconMasters! Gracias a tus videos pude comenzar mis proyectos web en menos de un mes! y no fue nada dificil! con tus videos y poniendole ganas de mi parte estoy comenzando a trabajar y ganar dinero en este mundo del desarrollo web! muchas gracias Carlos Arturo!

[@FalconMasters]

Me alegra mucho escuchar eso David, me alegra saber que mi contenido te sirve a desarrollar una carrera exitosa. Saludos y gracias por el apoyo al canal.

[@arseniogonza]

Me gustaria ver algun tutorial de una pagina que no sea de blog, que sea algun portafolio para mostrar tus servicios o algo parecido! Saludos desde paraguay!

[@danielcunza]

cuando hablaban de FlexBlox yo ya me hacia un mundo, ahora que lo veo, no están dificil jajaja. muchas gracias enserio

[@EdicsonHernandez-VE]

Excelente falcón, soy de Venezuela y tu contenido siempre me a ayudado mucho.

[@pedromiguelpagan-rivera8970]

Muchas gracias. Magnifica clase. No creo necesarias las disculpas por su extención. Todo el tiempo aprendi mucho. Lo felicito.

[@lzambranoagusto]

Lo que creo que hace bueno a este vídeo es la forma en como se compara Flexbox con lo que se hacía antes de que éste existiese. Las comparaciones y el contraste siempre ha sido una buena técnica de enseñanza. Gracias Falcon por estos videos

[@gs6924]

No suelo hacer comentarios en KZbin pero tu video me ayudó a poder entender y lograr hacer un parcial , se agradece el tiempo que le dedicas a lo que haces , sos un genio . Segui así. Gracias!!

[@FalconMasters]

Muchas gracias!

[@franberca8025]

Fantástico. Fantásticamente explicado. A tu ritmo, un pelín acelerado, pero se te sigue muy bien. Gracias por enseñar!

[@eduardogomez4676]

No entendía flexbox y hoy me propuse a entender cómo funciona y gracias a tu explicación ahora lo entiendo a la perfección , felicidades y gracias por compartir tu conocimiento

[@nicoangeletti5229]

Me sirvio muchisimo el video , super recomendado.La verdad que antes de ver este video estaba completamente perdido con flex, no pegaba una. Gracias por la ayuda.

[@majordocomandonegro]

muito obrigado pela excelente aula sobre flex, ótimo conteúdo, tive um pouco de dificuldade por não saber falar espanhol, mas como é bem parecido com portugues consegui te compreender e aprender essa materian valeuu!!!!

[@soyjab]

Muy bien explicado y seguramente fuiste uno de los primeros en hacerlo ya que el vídeo es del 2015. Yo en mi canal lo expliqué mucho después, cuando ya no hacían falta los prefijos. !!Buen trabajo!!

[@BrianMarriaga]

Wow! yo me mataba haciendo todo con display: inline-block, vertical-align y anchos con porcentajes xDD Muchas Gracias amigo!

[@hard6769]

Yo hacia lo mismo solo que con float left y vertical-align XD PD.:Aun lo hago :(

[@pitaalgas4875]

Hacia lo mismo porque no llegaba nunca a la parte de flexbox y grid en mi curso. Ahora si que diseñar es otra cosa. Me sentia tan perdido

[@santiagov.l7916]

Amigo, mil gracias, de verdad me sentía muy frustrado porque no estaba aprendiendo muchas cosas pero uff, eres un maestro

[@joelgamalielortizsanchez5286]

Muy buen vídeo amigo, el mas completo que encontré, y lo explicas tan bien que ni se siente la hora de duración.

[@duvanm2483]

joder, esto es oro puro. Me ha ayudado mucho en este proceso de aprendizaje de html y css, gracias

[@jesusdavidhernandez9228]

Jajaja sos un Dios, Mil Gracias, he visto 5 videos de Flexbox, pero ninguno como este... Gracias!!!!!!! Comprare tus cursos de udemy!!

[@FalconMasters]

Muchas gracias, me alegra que te gusten y sirvan mis videos y cursos.

[@leticiafunes1306]

No sé que será de tu vida ahora FalcoMasters.. pero gracias!! Muuy buenos videos. De lujo.

[@FalconMasters]

Sigo haciendo videos y cursos :)

[@jeffersonquigua4519]

@@FalconMasters xD pasado de laza el wey

[@iulenodriozola]

Después de varios días en clase sin saber cómo usar esto y mi compañero de clase sí, al final lo entiendo. Ahora se va a enterar. Gracias

[@FalconMasters]

Dale duro!

[@pedrovillacreces4112]

soy desarrollador web, y sencillamente esto nos ha quitado horas de trabajo y muchos quebraderos de cabeza, css cada dia es mas javascript, con una carga infinitamente de menor peso en las web. Solo encuentro una pega, y no es problema de CSS, son los internet explorer adictos que aun los hay, y en muchas ocasiones a los desarrolladores se nos cae en mundo cuando en un proyecto escuchamos "Necesita soporte IE7" (muy tipico). Por lo demas autentica genialidad, por cierto la explicacion por tu parte, magistral

[@mariabarrios8549]

2019: Gracias por ésta maravilla!

[@MrRonaldxDD]

Estoy desarrollando una web a medida que aprendo, pase todo el día batallando con CSS y al ver este vídeo y descrubrir lo que es Flexbox pude saber lo que son los orgasmos multiples... Gracias por el aporte.

[@mariaalejandraarcila8613]

Hola Carlos Arturo, eres el mejor, con tus videos he aprendido mucho... la verdad que siempre que quiero hacer un curso termino buscando tu canal!! Gracias desde Venezuela...

[@TheSoporte]

Muchas gracias por el tutorial, la verdad tu explica muy bien, pausado y sin tantos rodeos. Explica lo necesario y asi entiendo mucho mejor. Gracias por estos cursos y por disponer de tu tiempo para explicar a las demás personal. Felicidades.

[@erickcepeda4339]

Esquisito, magnifico, estos detalles son el que te llevan a la maestría y el dominio. Te ganaste campanita.

[@sirfranciis]

exquisito*

[@enmimaquinaandaba]

Al día de hoy este sigue siendo mi canal favorito sobre diseño web

[@felseck]

Lo entendi al 100%, lo estaba investigando por otros lados pero no lo entendia muy bien.. Saludos

[@diegodurante2477]

Espectacular e video, no lo estaba entendiendo bien hasta que llegué aquí. Saludos

[@kkylekartman]

Eres el mejor, mañana tomaré un cuaderno y tomaré nota con lujo y detalle de todo, por favor sigue asi y nunca mueras jajajaja saludos desde Chile!!!

[@FalconMasters]

kkyle kartman Claro que si, tambien tienes la lista de propiedades en mi sitio web. www.falconmasters.com/css/guia-completa-flexbox/ Intentare no morir nunca pero no aseguro nada :P

[@AlejandroABG]

Genial el vídeo, bien explicado lo he visto del tirón tengo 3 hojas de apuntes XD. Estudio diseño web y la verdad que hay algunos profesores que pasan de enseñar y más algo actual. Gracias y saludos!

[@devnorth]

genial el video creo que el uso de estas librerias soluciona muchisimo los posicionamientos a la hora de maquetar mil gracias por toda la info saludos desde argentina!!!!!

[@arleyvalencia_av]

Falcon, muchas gracias hermano, he aprendido un montón con tus tutoriales. Desde Colombia un abrazo gigante

[@Gustavo.gravagna]

valio la pena cada segundo profesor ; gracias por existir y habernos ayudado a miles de programadores FALCON MASTERS FOR EVER!!!!!!!

[@obcLince]

Este curso está fabuloso! Flexbox es una maravilla, gracias Carlos Arturo por compartir este conocimiento

[@robertoortiz7838]

Los tutoriales de Falcon Masters son muy buenos. Son un exito!

[@edwinacuna8587]

Aprendiendo Flexbox durante la cuarentena 2020, Gracias por tan buena explicación que me sirvio de refuerzo para la teoría que leí en la W3schools. Saludos!

[@toma1610]

Lo vi como repaso. Creo que en el 2015 todavía no salía el “justify-content: space-evenly” que deja espacios de la misma medida entre los elementos, a diferencia del “space-around” que al comienzo y al final los espacios son la mitad de lo que hay entre los espacios del medio.

[@RandomVideos-bq2xn]

Gracias Carlos Arturo :D Estaba creando sitios con bootsrap con sus valiosos tutoriales y me encantado Ahora miro Flexbox y es una maravilla muchas gracias por su tiempo :D

[@calimio6]

Wow esto es impresionante, no sabia de todo lo que me estaba perdiendo, me siento como Ultron ya no tengo cuerdas que me detengan jajaj gran tutorial me suscribo a este canal.

[@FalconMasters]

***** Lo se, es una locura. Gracias por suscribirte :)

[@mariovalerio4811]

increible video ya se flexbox. Creo que con eso ya puedo hacer cualquier web de forma rapida. Que viva FlexBox. :)

[@davidesneider653]

un video muy bien explicado, este es mi canal favorito de desarrollo web.

[@luismoreno7540]

Gracias FalconMasters por investigar y enseñarnos de manera gratuita estos videos, este de Flexbox esta genial, todo bien explicado!!!

[@geomarmunoz]

Aunque no hiciste mucho enfoque en: display: inline-flex, con tan solo mencionarlo me ayudaste a solucionar un bug que tenía. Muchas Gracias, muy buena explicación!

[@felixVzla]

Eres el sensei del flex box, gracias totales!!!

[@bettysilvag]

Gracias FalconMasters, esto le facilitará el diseño de páginas a mis alumnos, muchas gracias por compartir!

[@berling32]

Muchas gracias! Me ha ayudado a refrescarme la mente. Vi de este tema en el curso de programador de páginas web y necesitaba ver otra vez este tema,

[@IsabelOrilla]

Gracias por esta guía paso a paso... ¡¡¡Por fin he logrado comprenderlo!!! Ahora sólo me queda poner en práctica lo aprendido e ir tropezando para coger soltura ;-)

[@pekequerede2412]

Sos increible jamas encontre un canal que me haya servido tanto, muchisimas gracias

[@alesim0]

Excelente video Falcon. Muy bien explicado en detalle y lo más importante, aclara bien las dudas y se entiende.

[@gabyg9905]

Grancioso video. Todavía es necesario usar los prefijos -webkit-flex y -ms-flexbox?

[@mr2octavio]

Amigo muy bueno tu vídeo se que es viejo pero aún hoy es super útil, hay tanto TUTORIAL viejo ahí dando vuelta que ni explican cómo funcionan estos conceptos, o PORQUE CSS NO TE DEJA CENTRAR COSAS, resolviste un problema de mi vida terriblemente antiguo

[@JuanManuelRuizAranda]

Buenísimo, como bien dices fue un video largo pero no se siente... Ahora a practicar!!

[@kingofrock37]

ya conocía flex-box, pero no lo había comprendido en su totalidad, cuando vi la duración del vídeo me dio flojera pero valió la pena cada minuto.

[@victoriaramirezborges4612]

Flojera por 50 minutos??????? :(. Mmmmm creo que estamos en problemas ;)

[@lopezz1323]

jaja yo me veo al dia unos 3 o 4 videos de 20minutos aprox para aprender a programar , que no te de flojeraa

[@dustinmenjivar3124]

Valió la pena? Valió cada m**dito segundo 😅 Sorry el por mal lenguaje

[@madrid29madrid]

Simplemente geniales tus videos y la forma tan didáctica y fácil de explicar. Muy didácticos y 100% aprovechables. Muchas gracias¡

[@adeon75]

Carlos Arturo te botaste con este video, excelente trabajo. Muchas gracias!

[@situacion1]

Hola Carlos, te he hecho este mismo comentario en el blog, pero veo que no sueles contestar y sí contestas en esta plataforma. Simplemente felicitarte por toda esta información que repartes desinteresadamente y además muy clara. Mucha información y muy útil. GRACIAS. Mi pregunta es la siguiente: flexbox, ¿como compatibilica con otros frameworks? es decir, ¿ya no hacen falta las grid de bootstrap o ED Grid (por ejemplo) o son compatibles y cada uno tiene su utilización?. Siempre hablo de los archivos CSS para los Grid, entiendo, hablando de bootstrap, que el resto de los CSS no cuentan para esta pregunta.

[@fernandovazquezlopez5113]

Flex box se aplica cualquier contenedor aparte de ?

[@celsojonasruizconejo7372]

exxcelente falcon master aprendi mucho espero que sigas haciendo mas videos tengo 8 años me gusta la programacion

[@FalconMasters]

Sigue así!

[@LuisPerez-mw5kl]

Muy buen vídeo como siempre , contenido claro , ejemplos fáciles de comprender y por supuesto que voy a ver su vídeo de Como hacer un sitio web con Flexbox CSS3 . UN saludo desde México

[@FalconMasters]

Tutorial como hacer un sitio web / layout responsive con Flexbox CSS3 kzbin.info/www/bejne/bqiYnpmYgq1nfdk

[@ortizjeison]

Buena hombre, me ví todo el video y puedo decir que no sabes cuando tiempo me ahorras con este tutorial, muchas gracias

[@teresavives676]

Excelente guía! He anotado prácticamente todo! Ahora solo falta ponerlo en practica!

[@darioerazo2125]

Exelente amigo me ha servido demasiado que Dios y la vida bendigan

[@eloenfermizo7763]

Increibles cursos, lo unico que te podria decir es el micro, que me suena un poco a radio, me refiero, a ver si puedes subirle el bass un poco y seria todo perfecto, pero eso es un capricho mio nada mas jajaj se te escucha perfecto. muchas gracias por los cursos.

[@rodolfo240795]

Estudio ISC y normalmente es muy aburrido e incluso anticuado el diseño de los estilos con CSS, me gustó mucho este vídeo y en general el resto de vídeos, por la forma tan sencilla de crear contenido web. ¡Felicidades! Y sigue así. :)

[@FalconMasters]

rodolfo alcantara Muchas gracias, me alegra que sean de ayudar mis videos :)

[@inhaleOcea]

Muy completo! ahora mismo estoy teniendo una pequeña dificultad, pero seguro que con práctica se me arregla :)

[@MrDieselmods]

Excelente video, flexbox ahorra muchisimo trabajo y como tu mencionas, ya no es imprescindible utilizar los float ... agradezco mucho todos tus aportes y exitos a tus siguientes proyectos

[@ljbrines]

Excelente taller, como siempre muy practico y ameno, ahora solo queda usar Flexbox.

[@MarcosHernandez_VE]

Manita arriba para FalconMasters!!!!

[@victoravr10]

Gracias Carlos Arturo, contigo he aprendido muchísimo. Saludos desde Chile 🇨🇱...

[@jvjijcjtjojr453]

2020 y este video es de los mejores que he visto de css

[@SergioRamos-qq9gu]

Excelente video me sirvio un monton para enternder flexbox!!!!!!!!!!! Mil gracias

[@FalconMasters]

+Sergio Ramos Estupendo!

[@gabrielagomez3580]

mil gracias! eres muy bueno para explicar, es lo que se aprecia cuando uno quiere entender temas complejos de maquetacion.

[@angel-ingles]

FalconMasters gracias por este tutorial, en verdad que lo has explicado muy bien; este vídeo esta super genial. Mil gracias!!!

[@AntonioPedroGermanQuintero]

Me ha encantado tu explicación. Por fin entiendo correctamente flexbox

[@FalconMasters]

Antonio Pedro German Quintero Genial, me alegra mucho

[@domingoperez23]

Vi tu tutorial y aprendí bastante, eres muy bueno enseñando!

[@unadetantaspamelas]

Muchas gracias, me estaba volviendo loca con el float

[@FalconMasters]

Con flexbox y css grid te puedes olvidar casi para siempre del float. Ya solo se usa en pocos casos y solo para lo que fue creado.

[@fabianmp34]

Carlos Arturo, una vez mas. Un excelente video! Gracias!

[@programandounavida2171]

Me cansé buscar en Google! Viniste y me solucionaste la vida

[@ezequielortiz7864]

seco!!! explicas super genial cada codigo y eso hace que para mi seas seco.... gracias !!!

[@mperezguendulain]

Me encantó FlexBox!! Muchas Gracias, esta super chingon tu video, explicas muy bien.

[@j2dt237]

excelente explicación para el tema de flexbox, muchas gracias amigo por compartir tus conocimientos. se los recomiendo.

[@marcosmorenoperez5188]

Me encanta como explicas tengo tu curso de PHP por tu forma de explicar♥️♥️

[@misael5085]

Flexbox es una maravilla! Gracias Falcon

[@3RCREATIVOS]

que cheveres amigo Falcon, se ve que ayudará bastante este Flexbox, en espera del siguiente video, manitos arriba....

[@sutroy]

Gracias por tu trabajo, aprendí muy rápido, saludos desde Chile!

[@yerkoa494]

Una duda: cuando hablas de flex-grow y flex-shrink, en el minuto 43:45 le das ambos valores a un elemento. ¿cómo es eso posible si con grow el elemento crece y con shrink el elemento se encoge? ¿qué va a hacer el elemento: crecer o encogerse?

[@arnulfofd]

Mi mente está tranquila desde que ignoro Internet Explorer!!!

[@antoniovillegas874]

Excelente Guía, a la fecha a excepción de IE todos los navegadores lo soportan

[@andercard66]

Genial muchas gracias, e estado buscando algun guía que lo explicara bien y usted se fajo (Y), y si tenia mucha duda antes de ver este video era con flex-grow pero ya todo fino gracias :)

[@EduMrTeiks]

Muy largo, pero muy recomendable, la de vueltas a la cabeza que me he dado para hacer una plantilla responsive modificando proporciones, y float cada cierto numero de pixeles, me gustó mucho