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

Поділитися
Вставка
  • Опубліковано 24 лис 2024

КОМЕНТАРІ • 198

  • @johnnmontanez
    @johnnmontanez 9 місяців тому +28

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

  • @Thr4sh3rDev
    @Thr4sh3rDev 11 місяців тому +39

    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

  • @NicuipapeR
    @NicuipapeR 10 місяців тому +24

    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

  • @Xopsy
    @Xopsy Рік тому +25

    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 😊

  • @jairrivera8576
    @jairrivera8576 8 місяців тому +1

    MUCHAS GRACIAS, VALIOSA INFORMACIÓN

    • @midulive
      @midulive  8 місяців тому +1

      Gracias a ti

  • @fandangoing
    @fandangoing 9 місяців тому +4

    TE AMO midu, eres el mejor de lejos.

    • @midulive
      @midulive  9 місяців тому

      Awwwww gracias

  • @gustavocastillo8447
    @gustavocastillo8447 7 місяців тому +4

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

    • @midulive
      @midulive  7 місяців тому +1

      Gracias a ti!

  • @Lau-y6w
    @Lau-y6w 9 місяців тому +2

    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

  • @dan1294xx
    @dan1294xx Рік тому +8

    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

  • @Masscamelo
    @Masscamelo 5 місяців тому +1

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

  • @fjolsvidur
    @fjolsvidur Рік тому +2

    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!

  • @dalnursreyandre6059
    @dalnursreyandre6059 11 місяців тому +1

    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

  • @carmalino
    @carmalino 7 місяців тому +3

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

  • @osakadev
    @osakadev Рік тому +8

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

  • @real.sato95
    @real.sato95 2 місяці тому +3

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

  • @Tomijons
    @Tomijons Рік тому +1

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

  • @MasterAless
    @MasterAless Рік тому +2

    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

  • @nelsonmendez2676
    @nelsonmendez2676 Рік тому +2

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

  • @juangaldo2892
    @juangaldo2892 Рік тому +2

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

  • @yarvinhernandez8423
    @yarvinhernandez8423 8 місяців тому +1

    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.

  • @complice_de_satan
    @complice_de_satan 4 місяці тому

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

  • @adriandt1248
    @adriandt1248 Рік тому +1

    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!

  • @eiohan7777
    @eiohan7777 10 місяців тому

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

  • @mateobeltran3892
    @mateobeltran3892 Рік тому +1

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

  • @ookamim
    @ookamim 9 місяців тому +1

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

    • @midulive
      @midulive  9 місяців тому

      Gracias a ti!

  • @pablomendezjimenez2010
    @pablomendezjimenez2010 8 місяців тому

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

  • @sfwLibre
    @sfwLibre Рік тому +2

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

  • @JuanJose-jc8hh
    @JuanJose-jc8hh 10 місяців тому

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

  • @AgustinFleitasFaes
    @AgustinFleitasFaes Рік тому +9

    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
      @Andres_Ariano 5 місяців тому

      oshe vro laburas como dev web?

    • @AgustinFleitasFaes
      @AgustinFleitasFaes 5 місяців тому

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

  • @droid-jr9940
    @droid-jr9940 Рік тому +1

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

  • @debajodelagua1
    @debajodelagua1 Рік тому

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

  • @yuzu2369
    @yuzu2369 9 місяців тому

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

  • @danielniebles4570
    @danielniebles4570 Рік тому +1

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

  • @joseparamas9828
    @joseparamas9828 5 місяців тому

    El mejor curso css de todo youtube

  • @intecomca
    @intecomca 9 місяців тому

    Buena clase desde el principio hasta el final.

  • @Fasshow28
    @Fasshow28 2 місяці тому

    Muchas gracias rey, estoy pegado a tus videos :D

  • @SonGoku-pc7jl
    @SonGoku-pc7jl Рік тому +1

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

  • @alejandrogarciamorfin8301
    @alejandrogarciamorfin8301 Рік тому +1

    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
      @midulive  Рік тому +2

      ✅ sello de calidad

  • @federicomarceloramirez6650
    @federicomarceloramirez6650 7 місяців тому

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

  • @lautar0t
    @lautar0t 8 місяців тому

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

  • @pipiline5
    @pipiline5 5 місяців тому

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

  • @yovanydiaz8067
    @yovanydiaz8067 Місяць тому

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

  • @DreigaGameStudio
    @DreigaGameStudio Рік тому +2

    Hey Midu gracias por lo que haces por la comunidad dev

  • @juanandrade8468
    @juanandrade8468 Рік тому +1

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

  • @leandrochumbita9425
    @leandrochumbita9425 Рік тому

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

  • @fernandopoveda9861
    @fernandopoveda9861 Рік тому

    Algo que realmente he estado esperando!!

  • @jorgemendieta2022
    @jorgemendieta2022 Рік тому +2

    Genial contenido como siempre, gracias

  • @roberthgnz
    @roberthgnz Рік тому +1

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

  • @samuelgomez3485
    @samuelgomez3485 Рік тому +1

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

  • @Martin97perussini
    @Martin97perussini Рік тому

    Excelente como siempre midu!

  • @507master
    @507master Рік тому

    Esto lo voy a ver un par de veces.

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

  • @pupoxws983
    @pupoxws983 10 місяців тому

    gracias miducrack que grandes explicaciones

  • @millhiorebt
    @millhiorebt 9 місяців тому +1

    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

  • @507master
    @507master Рік тому

    Cuantos trucos. Gracias @midudev

  • @lacacode
    @lacacode Рік тому

    Espectacular clase

  • @RodrigoOsO87
    @RodrigoOsO87 6 місяців тому

    Gracias! Buen video!

  • @gonzalofaust3995
    @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

  • @nestorgomez-l9e
    @nestorgomez-l9e 3 місяці тому

    que crack midu!!!

  • @agugatica18
    @agugatica18 Місяць тому

    Tremendoooo Video!!!!

  • @cerm88
    @cerm88 Рік тому +2

    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!

  • @kinyoldboy9240
    @kinyoldboy9240 6 місяців тому +1

    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 :)

  • @lucianodeniro6475
    @lucianodeniro6475 Рік тому

    Se agradece el curso, te dejo un like

  • @franciscom116
    @franciscom116 8 місяців тому

    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

  • @sandorsuarezcalanas6257
    @sandorsuarezcalanas6257 Рік тому

    muchas gracias miducrack !!!

  • @servarcon6687
    @servarcon6687 Рік тому +1

    Muchas gracias midu

  • @andresobon8714
    @andresobon8714 2 місяці тому +1

    todo un grande

  • @Ivan-bk4oc
    @Ivan-bk4oc Рік тому

    gracias muy interesante todos estos conceptos, Dios te bendiga.

  • @motivamente4687
    @motivamente4687 Рік тому

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

  • @Rubén-m4s
    @Rubén-m4s Рік тому

    Midu muchas gracias!!!!

  • @gilbertacosta7492
    @gilbertacosta7492 11 місяців тому

    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.

  • @joaquinrodriguez5917
    @joaquinrodriguez5917 2 місяці тому +1

    Hoy te amo más que ayer

  • @davidneciosuplopez993
    @davidneciosuplopez993 11 місяців тому +1

    ty bro, eres un crack... :D

  • @maicolavila5464
    @maicolavila5464 Рік тому +2

    Que guapo midu con esos lentes

  • @marianoruiz7000
    @marianoruiz7000 Рік тому +1

    grande Midu420!

  • @JosueMancilla
    @JosueMancilla Рік тому +5

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

  • @santiagocalero-kr8in
    @santiagocalero-kr8in Рік тому +30

    Nunca entendí Grid CSS😢

    • @josealejandromontero2145
      @josealejandromontero2145 9 місяців тому +1

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

    • @luissolis204
      @luissolis204 7 місяців тому

      Grids son mas sencillos aun

    • @jonnyex
      @jonnyex 4 місяці тому

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

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

  • @reneortega9285
    @reneortega9285 Рік тому

    Excelente video

  • @__renesan
    @__renesan Рік тому

    Muchas gracias!

  • @matiasbonifazi2048
    @matiasbonifazi2048 Рік тому

    explica 10 puntos este flaco, es increible

  • @blumenkatia
    @blumenkatia 10 місяців тому

    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
      @josema03 8 місяців тому

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

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt Рік тому +7

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

  • @danetpublicidad5535
    @danetpublicidad5535 11 місяців тому

    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?

  • @AnaMateo-sx2bg
    @AnaMateo-sx2bg 9 місяців тому

    Muy buenooo🎉❤

  • @fpresti
    @fpresti 6 місяців тому

    Capo!

  • @marctorsoc8309
    @marctorsoc8309 11 місяців тому

    esta es la segunda clase del curso. Primera aquí: ua-cam.com/video/hrxjBqZWsb0/v-deo.html. Tercera aquí: ua-cam.com/video/iTjkiI8QQsM/v-deo.html
    Lo pongo porque los títulos son un poco confusos :)
    Gracias por el contenido Midu, muy útil

  • @andreij2589
    @andreij2589 Рік тому

    Woooo gracias ;D

  • @matiasl2146
    @matiasl2146 Рік тому

    gracias midu, eres la polla. saludos desde buenos aires

  • @leonardoa.guerrapaz8961
    @leonardoa.guerrapaz8961 9 місяців тому +1

    Buen curso

  • @VMMI92
    @VMMI92 11 місяців тому

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

  • @alexischacon4666
    @alexischacon4666 Рік тому

    Gracias

  • @jper0130
    @jper0130 4 місяці тому

    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

  • @yelasc.h.4822
    @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

  • @MoisesBosquez_
    @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

  • @osw2050
    @osw2050 6 місяців тому

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

    • @osw2050
      @osw2050 6 місяців тому

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

  • @javierarango4610
    @javierarango4610 10 місяців тому +4

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

    • @zito3162
      @zito3162 7 місяців тому

      Es un lenguaje

  • @daustinnmusic
    @daustinnmusic Рік тому +2

    antes usaba overflow: overlay; y lo depercaron por completo

  • @kaspersky1171
    @kaspersky1171 Рік тому +1

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

  • @jaxonrodrigo4346
    @jaxonrodrigo4346 10 місяців тому

    Saludos midu, tienes pensado alguno de Javascript?