Video není dostupné.
Omlouváme se.

🔷 Aprende CSS Flexbox en MENOS de 15 MINUTOS

Sdílet
Vložit
  • čas přidán 1. 08. 2024
  • ¿Quieres aprender flexbox de la mejor forma posible?
    👇👇 ACCEDE al CURSO GRATIS
    👇 Si quieres aprender más sobre flexbox aquí te dejo el curso gratis!👇
    bit.ly/38yEiO3
    Momentos clave del vídeo:
    00:00 Introducción a flexbox
    00:29 Flex container
    01:05 Display flex
    02:04 Flex direction
    03:01 Flex wrap
    03:31 Flex flow
    03:57 Justify content
    04:52 Align items
    06:20 Align content
    07:45 Order
    08:34 Flex grow
    09:22 Flex shrink
    09:54 Flex basis
    10:22 Flex
    🎁 GUIA GRATIS: 5 Técnicas de ChatGPT para Desarrolladores 👉 crz.dev/tecnicas-chatgpt
    📚 Recursos de programación 👉 crz.dev/sub
    👨💻 Formación de IA para Desarrolladores:
    crz.dev/ia-star
    👨💻 Todos mis cursos gratis:
    kiko.pro/cursos
    📚 Puedes ver todos mis libros aquí:
    kiko.pro/libros
    📘 MI LIBRO "No todo es programar":
    notodoesprogramar.com/
    🦊 100 Fábulas para Programadores
    kiko.pro/100fabulas
    📙 Libro: Aprende HTML
    kiko.pro/librohtml
    👁️ Puedes encontrar cosas más interesantes en:
    kiko.pro/
    🖱️ Si quieres ver el mi setup completo 👉 kiko.pro/setup
    🎉 Continua la fiesta en mis otras redes sociales:
    Discord: kiko.pro/discord
    Instagram: kiko.pro/instagram
    Twitter: kiko.pro/twitter
    TikTok: kiko.pro/tiktok
    GitHub: kiko.pro/github
    kikopalomares.com/
    Algunos de los enlaces son enlaces de afiliados, por lo que quizás reciba alguna pequeña comisión por compras a través de esos enlaces.

Komentáře • 209

  • @kikopalomares
    @kikopalomares  Před 4 lety +20

    CURSO GRATIS de FLEXBOX AQUÍ 👉 bit.ly/38yEiO3

    • @megabass2003
      @megabass2003 Před 2 lety

      Buenos días Kiko, una consulta, como se hace para que: a medida que agregue sub div se ubiquen como máximo en filas de a dos

  • @lourdesbellante8342
    @lourdesbellante8342 Před 3 lety +72

    Genio, se entendió rápido y re claro. Me ahorraste el tiempo de estar revisando cada cosa en cada página distinta.

  • @cristiansosa4848
    @cristiansosa4848 Před 2 lety +6

    Por fin un tutorial claro y lo que es sin tantos minutos de sobra, gracias maestro

  • @gustavomarquez6873
    @gustavomarquez6873 Před 3 lety +4

    Excelente, muy claro y preciso !
    Tantos cursos completos que abordan este tema en horas, y resumiste los puntos mas importantes en tan solo 12 min, !

  • @javi9142
    @javi9142 Před 2 lety +1

    Gracias por compartir tus conocimientos con nosotros....la comprensión es impecable....

  • @Domokratos94
    @Domokratos94 Před 3 lety +1

    Excelente video! Claro y consiso, muchas gracias!

  • @toquerodriguez
    @toquerodriguez Před 2 lety

    Muy bueno. Te felicito. La explicación es de lujo.

  • @emilianokegalj6915
    @emilianokegalj6915 Před 2 lety +1

    Me sirvió muchísimo tu explicación para entender todo mejor, gracias!

  • @diegobayona8258
    @diegobayona8258 Před 3 lety +3

    La tienes clara, se entendió perfectamente.

  • @ldiazortiz
    @ldiazortiz Před 2 lety +1

    Gracias por el vídeo, absolutamente bien explicado. Eres un genio.

  • @alejandrodevia1820
    @alejandrodevia1820 Před 3 lety

    excelente tu explicación...gran video, me fue de mucha utilidad!!!

  • @estelasanchez8889
    @estelasanchez8889 Před 2 lety +1

    Muchas gracias por compartir tus conocimientos una vez más!

  • @orlandodelgado3559
    @orlandodelgado3559 Před rokem +1

    Muy bueno tu contenido y ayuda mucho a entender mejor y a organizar los file y elementos.

  • @tamaratorrents7438
    @tamaratorrents7438 Před 3 lety +1

    Es preciso lo que necesitaba! Gracias.

  • @takunization
    @takunization Před 3 lety +2

    Así da gusto!! Muchas gracias!!

  • @josbexerra8115
    @josbexerra8115 Před 2 lety +1

    Gracias Mister Kiko...exelente resumen

  • @vicentemoore5675
    @vicentemoore5675 Před 2 lety +1

    brillante explicación, muchas gracias

  • @isaactorresrobles6030
    @isaactorresrobles6030 Před 3 lety +1

    muchas gracias por compartir tus conocimientos con nosotros amigo mas videos asi por favor

  • @cornegrammdesarrolloweb-we9919

    Buen video kiko, como siempre, estaria genial uno de grid

  • @ArbolitoAmarillo
    @ArbolitoAmarillo Před 2 lety +1

    Muchas gracias por tu explicación 👌

  • @jcelmestre
    @jcelmestre Před 2 lety +1

    Gracias, lo probaré... (soy muy-muy novato). Felicidades por el curso!!!

  • @villanuevagonzalezwaldo196

    buen video...simple y directo.

  • @Cesart1911
    @Cesart1911 Před 2 lety +1

    Excelente explicación

  • @messigio
    @messigio Před 3 lety +1

    gracias por tus videos siempre me ayudan

  • @galacticmeeple
    @galacticmeeple Před 2 lety +1

    Muchas gracias!

  • @FlorenciaMancilla
    @FlorenciaMancilla Před rokem +1

    2hs de clase para entender esto en 15min. Crack

  • @silviaperez9680
    @silviaperez9680 Před 3 lety +2

    Increìble todo lo que explicaste en solo 15 minutos. Es excelente!!! Mil Gracias!

  • @alfmg666
    @alfmg666 Před 2 lety +1

    Gracias Kiko, me ha servido para repasarlo sin tener que verme 18 videos de 20 minutos cada uno :D .

  • @juanpablocorzo9632
    @juanpablocorzo9632 Před 2 lety +1

    gracias kiko! eres muy crack! saludos de la rioja argentina

  • @cyb3rsh0ck44
    @cyb3rsh0ck44 Před 3 lety +1

    Excelente como siempre Kiko !

  • @juanicksil4746
    @juanicksil4746 Před 2 lety +1

    Sos un capo brother, por fin lo entendí.

  • @pablohorta1939
    @pablohorta1939 Před rokem +2

    Eh visto muuuchos videos explicando Flex box, pero este está a otro nivel! Lo explicas de una forma tan sencilla que da miedo, impresionante, exelente didáctica tienes, toda mi admiracion

  • @worldclasscode1847
    @worldclasscode1847 Před 2 lety +1

    Flexbox is so important. I use it everywhere :)

  • @eduardor.romero3900
    @eduardor.romero3900 Před 3 lety +1

    Excelente, al grano, rápido, bien editado. Gracias

  • @DringoMC
    @DringoMC Před rokem +1

    Muchas gracias por el tutorial

  • @johnfriend2010
    @johnfriend2010 Před 3 lety +1

    super excelente explicacion 👏

  • @jesilacroze7421
    @jesilacroze7421 Před 3 lety +2

    Que genio!! Tus vídeos me están viniendo de diez para un proyecto integrador de un curso que estoy haciendo!! Amo tu canal!! Espero algún día se capaz de hacer todo lo que nos enseñas!! Con mucho esfuerzo!!Geniooo!!!

    • @kikopalomares
      @kikopalomares  Před 3 lety +1

      seguro que sí serás más que capaz!! me alego que te esten sirviendo!! 💪

  • @eliasalexanderrodriguez3356

    ¡muy buena explicación!

  • @paulalara7833
    @paulalara7833 Před 2 lety +1

    Muchas gracias por tus buenos videos siempre tan directos! :)

  • @facundodtd
    @facundodtd Před 2 lety +2

    conciso y muy entendible, es que no se puede pedir más... muchas gracias y nuevo sub!

  • @ianisz7293
    @ianisz7293 Před 2 lety

    esta muy bueno este curso intensivo y rapido de flex box, es segunda vista completa, porque no lo encontre en el curso sw html y css

  • @soycepa7044
    @soycepa7044 Před 3 lety +2

    Muchas gracias estuvo excelente 👌, uno de Grid porfa

  • @damiannunez1092
    @damiannunez1092 Před rokem +3

    Justo necesitaba un vídeo que explique todo para armar una página para un proyecto de estudio usando columnas y que sea Flex con esto queda todo más claro, excelente video genio💪

  • @Softrough1989
    @Softrough1989 Před 2 lety +1

    Excelente video.

  • @alexisbustamante7950
    @alexisbustamante7950 Před rokem +1

    muchas gracias.

  • @hugosanchezes
    @hugosanchezes Před 3 lety +1

    Muy bueno el vídeo. En unos minutos explicado el Flexbox perfectamente!!!

  • @leonardomolina5614
    @leonardomolina5614 Před 2 lety +1

    Por fin lo entiendo, vas directo al grano y me suscribo a tu canal y un millos de gracias.

    • @kikopalomares
      @kikopalomares  Před 2 lety

      genial que te haya servido!! bienvenido!! 😁

  • @vlc5554
    @vlc5554 Před 10 měsíci +1

    te dare un like, me gusto mucho el video. Estoy empezando en Diseño Web siendo autodidacta ya para hacer en un futuro un curso mas en formalidad. Gracias por tu tiempo !!!

  • @joseclemente8083
    @joseclemente8083 Před 4 lety +2

    Muchas gracias por tu vídeo Kiko, me ha servido para aprender Flexbox.

  • @katerineardilacaicedo4004

    excelente kiko eres el mejor. sigo viendo tus videos son directos y precisos.
    gracias

  • @luisperez1007
    @luisperez1007 Před 2 lety +1

    Excelente video

  • @gibranlara
    @gibranlara Před 3 lety +1

    Gracias

  • @weylarraelimiasofia3732
    @weylarraelimiasofia3732 Před 3 lety +1

    Gracias 👌

  • @wilmerlennersandovalrivera5100

    Gracias .

  • @imcasero6114
    @imcasero6114 Před 2 lety +1

    Buenisimo video < 3

  • @sergioruiz4261
    @sergioruiz4261 Před 3 lety +1

    Muchas gracias Kiko por compartir conocimiento.

  • @fernandojosefloresmendoza1167

    Gran Vídeo bro!
    Soy nuevo y entendí Perfectamente tu explicación, Gracias !

  • @tatianafontana2198
    @tatianafontana2198 Před rokem +1

    Gracias por ahorrarme tanto tiempo que es lo que más necesito hoy en dia, super claro y conciso 👏☺️

  • @Tomoko-hu7sz
    @Tomoko-hu7sz Před 4 měsíci +1

    Gracias ✌🌟🌟🌟🌟🌟

  • @CASLOAcademy
    @CASLOAcademy Před 3 lety +2

    thank you!

  • @MsSoldadoRaso
    @MsSoldadoRaso Před 3 lety +1

    Buen video quico

  • @piterla10
    @piterla10 Před 11 měsíci +1

    tremendo video

  • @anamariaarbelaezlopez4783

    Tus videos siempre son muy buenos, muchas gracias!!

  • @lauraseguramartinez8724
    @lauraseguramartinez8724 Před 3 lety +1

    muy bueno tu video! gracias

  • @JavierEArce
    @JavierEArce Před 3 lety +2

    Sencillamente genial. Nuevo suscriptor

  • @charbouy
    @charbouy Před 3 lety +1

    Gracias por el upload, buen contenido, bien explicado. éxitos!

    • @charbouy
      @charbouy Před 3 lety

      Kiko viendo que estás online te hago una pregunta, como hago para definir fondos en flex pero en distintos divs aparte siempre usando flexbox, tienes un video mas avanzado? Abrazo desde Uruguay

  • @karlozm
    @karlozm Před 3 lety +1

    Fantástico tu contenido Kiko, me suscribo para no perderme nada de tu contenido, un saludo desde México.

  • @faviomagallanes
    @faviomagallanes Před 4 lety +12

    Muy bueno,espero uno con grid!

  • @victoravr10
    @victoravr10 Před 3 lety +2

    Muy didáctico, sigue así!

  • @CarlosLarico
    @CarlosLarico Před 3 lety +1

    Me salvaste de una amanecida loco, tremendo tutorial!!

  • @GerardoRizzoYT
    @GerardoRizzoYT Před 3 lety +1

    Gracias por la ayuda crack! Súper claro, saludos desde Argentina

  • @-TheAntraX-
    @-TheAntraX- Před 2 lety +1

    La unica duda que me quedó es como no había dado antes con este canal

  • @Jaruch0ta
    @Jaruch0ta Před 3 lety +1

    me resolviste mis problemas gracias!!!

  • @enzoalcon4803
    @enzoalcon4803 Před 3 lety +1

    CHABOOOn! NO PARES NUNCA DE HACER ESTO PLEASE! ME AYDUASTENUN MONTON! GRACIAS!

  • @fernandosegnorile6874
    @fernandosegnorile6874 Před 2 lety +1

    Gracias kiko llego tarde.. pero expectacular

  • @LucasBerazadi
    @LucasBerazadi Před 2 lety +1

    Un crack!!!

  • @patrienbelleza9967
    @patrienbelleza9967 Před 2 lety +1

    Chuleta para mi exámen.👏🏻👏🏻👏🏻🤪

  • @augus95
    @augus95 Před 3 lety +1

    Excelente amigo, a veces precisamos un paneo general del topico para poder empezar a usarlo y ya despues ir descubriendo por nuestra cuenta, te has ganado un nuevo suscriptor, a seguir!

  • @juaneduardohernandezmanduj2450

    eres un crack

  • @gingerviajes
    @gingerviajes Před 3 lety +1

    muy bueno para los que comenzamos!

  • @Monst93
    @Monst93 Před 3 lety +5

    como dice el dicho en el futbol "cortita y al pie", buen video bro

  • @davidtojalvarez6424
    @davidtojalvarez6424 Před 3 lety +1

    Crack se entendio rapido, gracias

  • @cavil2863
    @cavil2863 Před 3 lety +1

    videazo te felicito

  • @omarsanabria9835
    @omarsanabria9835 Před 3 lety +1

    Excelente!

  • @danilomereles6671
    @danilomereles6671 Před 4 lety +2

    Muchas gracias

  • @ecroneroner
    @ecroneroner Před 3 lety +1

    Que buen video!

  • @richardpacheco3134
    @richardpacheco3134 Před rokem

    Excelente lo entendí muy bien Kiko muchas gracias, tengo una duda. Qué tipo de sistema es mejor para Diseño adaptable , Flex box , css grid layout o Sistemas de columnas y filas Bootstrap , saludos .

  • @Frame92
    @Frame92 Před 2 lety

    Buenas por si aun hay respuestas, como se podría para una tabla ligada a la base de datos, es decir en el código solo aparece un , y este se complete segun añadamos datos a la base de datos

  • @yiro999
    @yiro999 Před 2 lety

    Tu eres duro 😅😅😀😀

  • @motob3553
    @motob3553 Před 3 lety +1

    Haz un video de CSS Grid por favor

  • @code_castle
    @code_castle Před 4 lety +1

    no lo eh visto y ya like de una !!!

  • @kz-ou9lw
    @kz-ou9lw Před 3 lety

    Seria de ayuda q dejases el código para descargar en proximos videos. Perfe el video se entiende bien 👍

  • @d-landjs
    @d-landjs Před 3 lety +1

    Se entendio super facil!!!

  • @BeetBlueyou
    @BeetBlueyou Před 4 lety +2

    Gracias, me encanto :)

    • @kikopalomares
      @kikopalomares  Před 4 lety +2

      Me alegro!! 😁

    • @BeetBlueyou
      @BeetBlueyou Před 4 lety +2

      @@kikopalomares ya me vi casi todos los videos de la lista reproduccion desarrollo web! Estan geniales los videos

    • @kikopalomares
      @kikopalomares  Před 4 lety +2

      @@BeetBlueyou genial!! pues estate atenta que la semana que viene vuelvo a subir vídeo a esta sección!! 👍

  • @estebanwebdesign
    @estebanwebdesign Před rokem +1

    Kiko, mas alla del curso de flexbox. Sacaras un libro completo de CSS, en donde se traten estos y otros temas?

    • @kikopalomares
      @kikopalomares  Před rokem

      pues es un proyecto que tengo ahí en mente, no sé aún

  • @yairsoto6423
    @yairsoto6423 Před 3 lety +1

    Genial! Creó que pude entenderlo bien:)

    • @kikopalomares
      @kikopalomares  Před 3 lety

      perfecto!! 👍

    • @yairsoto6423
      @yairsoto6423 Před 3 lety

      @@kikopalomares Sii!! Por cierto, am tengo una duda ¿donde puedo ver todos los códigos que hay? O por ejemplo, cuando paso la pagina para ver como se ve en teléfono o así se pone todo raro ¿no se supone que flex arregla todo eso? ¿Que me recomiendas? 😅😅
      Tengo muchas dudas haha apenas estoy comenzando pero quiero aprender lo mejor posible para dedicarme a esto 🙌🏽

    • @kikopalomares
      @kikopalomares  Před 3 lety

      @@yairsoto6423 Desde tu mismos navegador del ordenador puedes ver la página como si fuese en un móvil, tan solo tienes que ir cambiando el tamaño de la ventana del navegador y verás cómo cambia la web

    • @yairsoto6423
      @yairsoto6423 Před 3 lety

      @@kikopalomares Oh eso si lo se:) El problema es que no se reacomodan correctamente:/
      Por eso estoy aprendiendo flexbox:)

  • @lucasc530
    @lucasc530 Před 2 lety

    Tremendo el video, re completo.
    Pero tengo una duda que no pude resolver, sabés como podría hacer que tenga la propiedad justify-content: space-between;, pero que pueda ajustar algunos como yo quiera?
    Mi problema es que tengo una imagen en la izquierda, un grupo de botones en el medio, y un boton "especial" a la derecha (porque es un space-between); Pero como la imagen es más ancha que el boton de la derecha, el grupo de botones queda descentrado, queda más a la derecha (porque el space-between hace que el espacio entre cada cosa sea igual, y por eso, como la imagen es mas ancha, lo del medio queda descentrado)
    Lo que quiero hacer es que me quede BIEN centrado todo, (la imagen a la izquierda, el grupo de botones en el MEDIO, y el otro botón especial a la derecha de todo)
    Muchas Graciasss!!
    Saludos desde Argentina👍

  • @albertoyebenesrengel1403
    @albertoyebenesrengel1403 Před 3 lety +1

    ¿Podrías enseñar como haces para que el fichero se actualize constantemente y aparezca en el navegador?

  • @canalinactivo9607
    @canalinactivo9607 Před 3 lety +1

    Me acabas de ahorrar más de media hora de tutorial en otro lado xd. ídolo

  • @renegarcia8491
    @renegarcia8491 Před 2 lety

    Una consulta: el flex solo se lo aplica al primer nivel... ejemplo
    .divpadre
    .primernivel
    .segundonivel
    .primernivel
    el segundo nivel tendra el comportamiento por default? o toma el flex del primer nivel?