¡Guía de CSS Flexbox para aprender de forma sencilla!

[@Thr4sh3rDev]

tio en serio, llevo 15 dias en un bootcamp, nos han dado en 12 html, css, sass, y todo javascript y te he visto a ti en 1 maldita hora y lo entiendo todo mucho mejor. Ojala de verdad te bendigan con muchos hijos midu

[@johnnmontanez]

Como cuando quieres salir de una pequeña duda y te dan una pedazo de Master Class! Qué buen contenido

[@NicuipapeR]

Te AMO midu. Abandone el Desarrollo Web porque solo copiaba códigos intentando entender por mi cuenta porque pasaba lo que pasaba y termine sin entender porque hacia lo que hacía. Con estos CURSOS por FIN ENTIENDO!!! Saludos desde Argentina

[@jennifer.mt.1976]

Qué buen contenido, y que bien explicado! He visto varios cursos de maquetación, pero tuve que llegar a esta master-class para terminar de entender bien muchos conceptos. Gracias!!!

[@midulive]

Gracias Jennifer! :)

[@Xopsy]

Esta clase es oro. Mira que siempre me he considerado en css un tipo normal, pero este video va ayudar a más de uno a entender como funciona css mejor. Que bueno eres 😊

[@gustavocastillo8447]

Aveces me sorprende el contenido de calidad que hay gratis !! Gracias midu por tu aporte !! ❤

[@midulive]

Gracias a ti!

[@yarvinhernandez8423]

Hermano usted es un genio, no me gusta css, vine por una duda y por la forma que explicas hasta me termino gustando css. muchas gracias por compartir tu conocimiento.

[@dalnursreyandre6059]

Tu video esta increíble, empecé utilizando boostrap para la hora de estilar mis proyectos pero seguía sin entender un carajo lo que hacía, ahorita ya con tu video me queda muy claro que era lo que hacía, en serio no sabes lo mucho que he aprendido a lo largo de estos videos de ccs que haz echo

[@fsy.yoshua95]

Claro magistral, entendí flex a la perfección, listo para hacer sitos increíbles

[@midulive]

Vamos!

[@Lau-y6w]

Madre mía Midu, no tienes ni idea de cuánto nos ayudas. En clase no entiendo prácticamente nada, pero gracias a ti entiendo absolutamente todo.. GRACIAS

[@fjolsvidur]

Con el flex-wrap:wrap funionaba el align-content, cuando has dicho que no me he quedado pero si si que va! el tema como creo que dices mas adelante es que tiene que ser multilinea para que funione y por eso con hacer este wrap ya va (no hace falta que sea multilinea visualmente, sino que este configurado como multilinea). El align-content:center lo que hace es wrap se centra en el el medio del padre en el eje secundario pero "cada item queda alineado con el de al lado por arriba(si es que el eje secundario es vertical y si no hay align-items)". El align-items:center lo que hace es centrarlo "totalmente" en el eje secundario pues esta centrando los items no el contenido. Buen video!

[@jairrivera8576]

MUCHAS GRACIAS, VALIOSA INFORMACIÓN

[@midulive]

Gracias a ti

[@Tomijons]

Magistrales tus tutoriales. Sólo añadiré que en el minuto 59:24' los items sí cabían, pero como pusistes box-sizing:border-box a la seccion.parent que tenía 200 px de ancho y 4px de borde, dicho borde quitaba el espacio a los items de 100px de ancho. Quitando box-sizing al parent y poniendolo al item (como pusiste) caben perfectamente. El problema está en que si se deja el box-sizing a la sección.parent entonces no caben por culpa del borde (normal que eso te confundiera).

[@Masscamelo]

Gracias a ti y a todos los creadores de contenido de programacion por existir

[@dan1294xx]

Grande amigo, no solo eres una valiosa fuente de informacion sino tambien una inspiracion. Verte en tiempo real resolviendo problemas con los que uno puede identificarse es muy valioso, ver cual es el aproach para solucionar problemas inesperados tambien es clave. Muchas gracias por brindar a la comunidad este contenido

[@complice_de_satan]

Tremendo tutorial! muchisimas gracias por la clase! esto + el chatgpt + el domingo a la tarde solucionaron dudas que venia acarreando hace un mes!

[@fandangoing]

TE AMO midu, eres el mejor de lejos.

[@midulive]

Awwwww gracias

[@AgustinFleitasFaes]

59:59 JAJAJAJAJAJA No me esperaba ese crossover todo épico y encima se descansan entre ellos 😂 No te das una idea lo mucho que estoy aprendiendo y entendiendo, Midu. Como se nota que yo había "aprendido mal" o que entendí las cosas a medias pero con estos videos tuyos todo es super claro, nada queda en el aire, es simplemente GOD, este canal debería llamarse MiduGOD 🔥

[@Andres_Ariano]

oshe vro laburas como dev web?

[@AgustinFleitasFaes]

@@Andres_Ariano Aun no trabajo de ello pero sigo dedicándome a aprender ¿Por qué?

[@ookamim]

20/10 y god. Gracias midu por invertir tu tiempo en explicar tan bien.

[@midulive]

Gracias a ti!

[@carmalino]

Soy desarrollo backend, pero desde que veo las clases le tomo mas cariño a estos temas del front. Gracias

[@alejandrogarciamorfin8301]

Soy relativamente en el desarrollo web. Utilizaba los 'position' sin entender mientras dejara las cosas donde quería jajajaja. Había visto varios videos sobre el tema y seguía sin entender del todo. Llega Midu hablando sobre absolute y relative 2 minutos y lo he entendido todo. Grande!

[@midulive]

✅ sello de calidad

[@MasterAless]

Impecable, un domingo y pensar que podría vacilarme todo el curso, con mucho cariño, paciencia y práctica en tiempo real he logrado reforzar todos los conceptos y mejor aún demostrarme que si puedo prestar mucha atención a lo que estoy estudiando. Gracias midu, por la paciencia y dedicación a enseñar este complejo pero interesante tópico

[@osakadev]

muchas gracias midu, eres de muchísima ayuda para la comunidad, ya te recomendé a varios amigos, te lo agradecerán mucho

[@adriandt1248]

Estoy en un cfgs de aplicaciones web, me incorporé tarde porque me quede fuera y finalmente me llamaron porque habia una vacante y tenia serias dudas en clase de lenguajes de marcas, me estoy viendo todas tus clases y me estan ayudando un monton a ponerme al día! gracias, eres un crack, aqui un nuevo fiel seguidor para el resto de cosas que decidas enseñar!

[@pablomendezjimenez2010]

Buenísimo y recomendadísimo para mucha gente. Graciassss!!!!!!!!!!

[@nelsonmendez2676]

No hay palabras para describir lo bueno que es este curso.

[@juangaldo2892]

Desde que vi tus vídeos Midu, me encanta la forma que enseñas... Claro y al punto, la verdad que son excelentes tus pautas y nos das las herramientas necesarias para empezar a practicar, muchas gracias!!! 😃

[@yovanydiaz8067]

Muy bueno el curso de css en general, solo aclarar que position:absolute busca el primer ancestro posicionado, no necesariamente debe ser “relative”.

[@yuzu2369]

Grandioso vídeo, gracias por este tutorial interactivo y clase sencilla y divertida junto a la comunidad tan buena que tienes.

[@mateobeltran3892]

Eres un capo, mucho tiempo intentando de entender y en 1 hora ha quedado todo claro ! Gracias midu

[@eiohan7777]

Tus vídeos son geniales. Con ellos no me aburro. Tremenda energía 🇨🇴

[@sfwLibre]

Este vato es una maquina para ensenar, algun dia lograre tener un espacio para crear contenido actualizado y de valor, exito midu!!!!

[@danielniebles4570]

he sentido que se me despejaban tantas dudas, muchísimas gracias!

[@lautar0t]

23:25 Siempre volvemos a la duda de como centrar un , es increíble 😂😂

[@droid-jr9940]

llego el dia !!! de hacer diseñoas mas chidoris !!!! gracias midu!!!!

[@intecomca]

Buena clase desde el principio hasta el final.

[@pipiline5]

que buen contenido midu alfin entiendo css despues de años jaja

[@JuanJose-jc8hh]

Muchas gracias Midu! Es verdadero placer ver tus cursos y eres una fuente de inspiración diaria! Saludos desde Francia

[@debajodelagua1]

Excelente Midu!!! Muchas gracias por compartir tus conocimientos de manera tan didactica con nosotros!!!

[@juanandrade8468]

Flexbox es el mejor lenguaje de programación que hay ❤

[@federicomarceloramirez6650]

Excelente video! muchas gracias por tu trabajo que ayuda a muchas personas. Un abrazo!

[@leandrochumbita9425]

Que Maravilla de Curso por dios!, Saludos desde Buenos Aires Miguel 🔵⚪🔵

[@franciscom116]

Siempre le tuve miedo a css a pesar de ser frontend pasando a backend tambien, no le veia logica ni atractivo y gracias a estos videos he cambiado la forma de ver las cosas te amo muchas gracias

[@midulive]

Excelente!

[@Fasshow28]

Muchas gracias rey, estoy pegado a tus videos :D

[@SonGoku-pc7jl]

muchas gracias midu, tenia muchas ganas de repasar y reaprender css con un curso tuyo :)

[@franciscobegliardo9459]

muy buen video creí q sabia flexbox pero la verdad me dejaste helado en unas partes, espero en un futuro poner mi porfolio a juicio. Hay varias cosas en el video pensé muchas q puedo hacer.

[@joseparamas9828]

El mejor curso css de todo youtube

[@millhiorebt]

Gracias midu, por favor espero ver el de GRID, se que no se usa tanto como flex, pero para mi es muy importante aprender, se que lo utilizare en algun momento, se ve que tiene mucho poder

[@DreigaGameStudio]

Hey Midu gracias por lo que haces por la comunidad dev

[@gonzalofaust3995]

Tremenda clase como siempre, solo he encontrado un detalle: absolute posiciona respecto a su ancestro POSICIONADO mas próximo, osea que el elemento padre puede tener cualquier valor no static (no necesariamente solo relative) para posicionar a los hijos respecto de el

[@roberthgnz]

Muy bien, todo ha sido súper claro. ¡Gracias!

[@samuelgomez3485]

Grande midu!!! que buenos tus cursos de HTML y CSS, me sirvieron para repasar y aprender cositas nuevas, saludos crack ❤❤

[@507master]

Cuantos trucos. Gracias @midudev

[@507master]

Esto lo voy a ver un par de veces.

[@pupoxws983]

gracias miducrack que grandes explicaciones

[@kinyoldboy9240]

Después de romperme la cabeza un poco con lo de "ALIGN-CONTENT" y "ALIGN-ITEM", he concluido: "align-items" ordena los items de manera relativa al actual eje cruzado de la fila/columna actual y "align-content" ordena los items de manera relativa al eje cruzado del contenedor (pero deben existir más de una fila/columna). Mi explicación no me ha quedado clara ni a mi pero tenía que ponerlo por si sirve a alguien :)

[@jorgemendieta2022]

Genial contenido como siempre, gracias

[@cerm88]

Excelente vídeo midu, espero que cuando expliques cssgrid, nos digas las diferencias entre -content y -items, y porque flex no es compatible con justify-items, esto es muy importante entenderlo por la naturaleza de alss dimensiones entre flex y grid. Saludos!

[@fernandopoveda9861]

Algo que realmente he estado esperando!!

[@Ivan-bk4oc]

gracias muy interesante todos estos conceptos, Dios te bendiga.

[@Martin97perussini]

Excelente como siempre midu!

[@javierarango4610]

me deje engañar por el css y me sorprende la gran cantidad de cosas que hay en el.

[@zito3162]

Es un lenguaje

[@lucianodeniro6475]

Se agradece el curso, te dejo un like

[@lacacode]

Espectacular clase

[@gilbertacosta7492]

Saludos midu si se puede la página en 3D para ver que elemento está por encima de otro para hacerlo abres las herramientas del navegador, le das click a los 3 puntos y luego donde dice capas y ahí puedes rotar la página y ver los elementos.

[@matiasbonifazi2048]

explica 10 puntos este flaco, es increible

[@joaquinrodriguez5917]

Hoy te amo más que ayer

[@RodrigoOsO87]

Gracias! Buen video!

[@maicolavila5464]

Que guapo midu con esos lentes

[@rbenx_c]

g?

[@servarcon6687]

Muchas gracias midu

[@santiagocalero-kr8in]

Nunca entendí Grid CSS😢

[@josealejandromontero2145]

subio un video como este pero de Grid, es un grande

[@luissolis204]

Grids son mas sencillos aun

[@jonnyex]

Es algo complejo, lo veo mas difícil que flexbox. Pero puedes aprender btt con midu y con grid attack (es un juego)

[@sandorsuarezcalanas6257]

muchas gracias miducrack !!!

[@JosueMancilla]

Hola , cuando la parte 3 del curso de typescript con los utilities?

[@victoriajimenez2702]

Estoy comenzando en este mundo del desarrollo web y muchas veces me siento frustrada de no poder lograr saber como centrar los objetos y todo los contenidos, me gustaría hicieras un vida explicando el paso a paso de como maquetar una web y centrar los contenidos e imagenes.

[@nestorgomez-l9e]

que crack midu!!!

[@motivamente4687]

😍😍😍Ame este video¡ Gracias por la explicación¡

[@midulive]

Gracias por ver

[@osw2050]

yo luego de la intro ,super motivado para entender position 😱

[@osw2050]

antes de que empieze creo q con esa intro ya se hacerlo🤭

[@blumenkatia]

Alguien me puede decir como es que escribe la misma clase a los al mismo tiemppo? no logro encontrar la parte o video en que lo menciono, aiiiuda!

[@josema03]

Presiona la tecla "Alt" y con el mouse hace clic en el espacio vacío de cada div y luego "escribe".

[@agugatica18]

Tremendoooo Video!!!!

[@elliotgaramendi]

Si bien se puede hacer todo con flex, para generar columnas prefiero grid y todo hacerlo desde el padre con grid-template-columns.

[@MoisesBosquez_]

vengo de los cursos de hola mundo y dalto y ahora este estoy mas perdido que cuando empecé pero entiendo lo que dice midu xd yyyy que mas javascript

[@yelasc.h.4822]

Si añades el borderbox abajo (eel boque ocupa 100 con borde), pero arriba NO debe tener borderbox para dejar 200px internos a los 100+100, si pones borderbox al parent el border te roba sobre esos 200 y ya no caben

[@culturaradiactiva4990]

Amarte tanto debe ser un pecado MIDU ❤

[@Rubén-m4s]

Midu muchas gracias!!!!

[@jper0130]

Saludos midu, en la pantalla dice unas suscripciones para un curso en python. Donde puedo conseguir ese curso? P.D. gracias por todo lo que das a la comunidad hispano hablante. Eres un grande

[@diegoimberti4398]

Otro de tus videos: mi opinión ? “LuPutoAmo”

[@danetpublicidad5535]

Gracias por tu gran aporte bro. Se puede con flex alinear tres imagenes? una a la izquierda, la segunda a l centro y la tercera a la derecha?

[@matiasl2146]

gracias midu, eres la polla. saludos desde buenos aires

[@andresobon8714]

todo un grande

[@marctorsoc8309]

esta es la segunda clase del curso. Primera aquí: kzbin.info/www/bejne/nqPbm3Wnj7ymmJI. Tercera aquí: kzbin.info/www/bejne/n4XNnJx_bbaEqa8 Lo pongo porque los títulos son un poco confusos :) Gracias por el contenido Midu, muy útil

[@jaxonrodrigo4346]

Saludos midu, tienes pensado alguno de Javascript?

[@Deus-lo-Vuilt]

Midu , si se viene un cursito completo de Tailwind como habias comentado ? ando aprovechando este contenido para complementar , estan muy buenos !

[@VMMI92]

El aling content del final debería ir dentro del .item para que aline como buscas, no?

[@danielraulcespedesnieves8812]

1:22:16 creo que debias haber puesto align-items start; align-content:center;

[@leonardoa.guerrapaz8961]

Buen curso

[@leonardoa.guerrapaz8961]

Y ya está

[@davidneciosuplopez993]

ty bro, eres un crack... :D

[@midulive]

A la orden

[@daustinnmusic]

antes usaba overflow: overlay; y lo depercaron por completo

[@kaspersky1171]

En dónde consigo lentes para que no me afecte mucho la luz del monitor

[@alexischacon4666]

Gracias

[@josealejandromontero2145]

midu es la universidad del frontend