🔷 Aprende CSS Flexbox en MENOS de 15 MINUTOS

Поділитися
Вставка
  • Опубліковано 6 січ 2025

КОМЕНТАРІ • 210

  • @kikopalomares
    @kikopalomares  4 роки тому +20

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

    • @megabass2003
      @megabass2003 2 роки тому

      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 4 роки тому +72

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

  • @bryanvillanueva3199
    @bryanvillanueva3199 12 днів тому +1

    Por fin entendí. No entendía esta clase de flexbox en mi curso de pago pero contigo lo aprendí gracias Kiko 💯

  • @vlc5554
    @vlc5554 Рік тому +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 !!!

  • @cristiansosa4848
    @cristiansosa4848 3 роки тому +6

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

  • @pablohorta1939
    @pablohorta1939 2 роки тому +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

  • @damiannunez1092
    @damiannunez1092 2 роки тому +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💪

  • @jcelmestre
    @jcelmestre 2 роки тому +1

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

  • @gustavomarquez6873
    @gustavomarquez6873 3 роки тому +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, !

  • @leonardomolina5614
    @leonardomolina5614 2 роки тому +1

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

    • @kikopalomares
      @kikopalomares  2 роки тому

      genial que te haya servido!! bienvenido!! 😁

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

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

  • @alfmg666
    @alfmg666 2 роки тому +1

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

  • @jesilacroze7421
    @jesilacroze7421 3 роки тому +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  3 роки тому +1

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

  • @Fran_Itpro
    @Fran_Itpro 3 роки тому +1

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

  • @estelasanchez8889
    @estelasanchez8889 2 роки тому +1

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

  • @juanpablocorzo9632
    @juanpablocorzo9632 2 роки тому +1

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

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

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

  • @silviaperez9680
    @silviaperez9680 3 роки тому +2

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

  • @facundodtd
    @facundodtd 3 роки тому +2

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

  • @toquerodriguez
    @toquerodriguez 2 роки тому

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

  • @cornegrammdesarrolloweb-we9919
    @cornegrammdesarrolloweb-we9919 4 роки тому +19

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

  • @juanicksil4746
    @juanicksil4746 2 роки тому +1

    Sos un capo brother, por fin lo entendí.

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

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

  • @emilianokegalj6915
    @emilianokegalj6915 2 роки тому +1

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

  • @eduardor.romero3900
    @eduardor.romero3900 3 роки тому +1

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

  • @ianisz7293
    @ianisz7293 2 роки тому

    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

  • @josbexerra8115
    @josbexerra8115 2 роки тому +1

    Gracias Mister Kiko...exelente resumen

  • @ldiazortiz
    @ldiazortiz 2 роки тому +1

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

  • @diegobayona8258
    @diegobayona8258 4 роки тому +3

    La tienes clara, se entendió perfectamente.

  • @vicentemoore5675
    @vicentemoore5675 2 роки тому +1

    brillante explicación, muchas gracias

  • @messigio
    @messigio 3 роки тому +1

    gracias por tus videos siempre me ayudan

  • @fernandojosefloresmendoza1167
    @fernandojosefloresmendoza1167 3 роки тому +2

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

  • @hugosanchezes
    @hugosanchezes 3 роки тому +1

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

  • @tamaratorrents7438
    @tamaratorrents7438 3 роки тому +1

    Es preciso lo que necesitaba! Gracias.

  • @apolkk
    @apolkk 4 роки тому +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!

  • @Cesart1911
    @Cesart1911 3 роки тому +1

    Excelente explicación

  • @karlozm
    @karlozm 3 роки тому +1

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

  • @takunization
    @takunization 4 роки тому +2

    Así da gusto!! Muchas gracias!!

  • @Frame92
    @Frame92 3 роки тому

    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

  • @anamariaarbelaezlopez4783
    @anamariaarbelaezlopez4783 2 роки тому +1

    Tus videos siempre son muy buenos, muchas gracias!!

  • @enzoalcon4803
    @enzoalcon4803 3 роки тому +1

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

  • @joseclemente8083
    @joseclemente8083 4 роки тому +2

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

  • @user0166-it
    @user0166-it 3 роки тому +1

    buen video...simple y directo.

  • @faviomagallanes
    @faviomagallanes 4 роки тому +12

    Muy bueno,espero uno con grid!

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

    Muchas gracias por el tutorial

  • @charbouy
    @charbouy 3 роки тому +1

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

    • @charbouy
      @charbouy 3 роки тому

      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

  • @johnfriend2010
    @johnfriend2010 3 роки тому +1

    super excelente explicacion 👏

  • @fernandosegnorile6874
    @fernandosegnorile6874 3 роки тому +1

    Gracias kiko llego tarde.. pero expectacular

  • @JavierEArce
    @JavierEArce 4 роки тому +2

    Sencillamente genial. Nuevo suscriptor

  • @galacticmeeple
    @galacticmeeple 3 роки тому +1

    Muchas gracias!

  • @sergioruiz4261
    @sergioruiz4261 4 роки тому +1

    Muchas gracias Kiko por compartir conocimiento.

  • @paulalara7833
    @paulalara7833 2 роки тому +1

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

  • @worldclasscode1847
    @worldclasscode1847 2 роки тому +1

    Flexbox is so important. I use it everywhere :)

  • @CarlosLarico
    @CarlosLarico 3 роки тому +1

    Me salvaste de una amanecida loco, tremendo tutorial!!

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

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

  • @eliasalexanderrodriguez3356
    @eliasalexanderrodriguez3356 3 роки тому +1

    ¡muy buena explicación!

  • @soycepa7044
    @soycepa7044 4 роки тому +2

    Muchas gracias estuvo excelente 👌, uno de Grid porfa

  • @cyb3rsh0ck44
    @cyb3rsh0ck44 3 роки тому +1

    Excelente como siempre Kiko !

  • @alejandrodevia1820
    @alejandrodevia1820 3 роки тому

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

  • @patrienbelleza9967
    @patrienbelleza9967 2 роки тому +1

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

  • @Jaruchota
    @Jaruchota 3 роки тому +1

    me resolviste mis problemas gracias!!!

  • @Softrough1989
    @Softrough1989 3 роки тому +1

    Excelente video.

  • @victoravr10
    @victoravr10 4 роки тому +2

    Muy didáctico, sigue así!

  • @lauraseguramartinez8724
    @lauraseguramartinez8724 3 роки тому +1

    muy bueno tu video! gracias

  • @alexisbustamante7950
    @alexisbustamante7950 2 роки тому +1

    muchas gracias.

  • @GerardoRizzoYT
    @GerardoRizzoYT 4 роки тому +1

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

  • @luisperez1007
    @luisperez1007 3 роки тому +1

    Excelente video

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

    disculpe tengo una pregunta,y es el como puedo poner los cuadritos de colores (como los que salen en el 1:57 antes del color que fue escrito)

  • @imcasero6114
    @imcasero6114 2 роки тому +1

    Buenisimo video < 3

  • @Tomoko-hu7sz
    @Tomoko-hu7sz 9 місяців тому +1

    Gracias ✌🌟🌟🌟🌟🌟

  • @richardpacheco3134
    @richardpacheco3134 2 роки тому

    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 .

  • @gingerviajes
    @gingerviajes 3 роки тому +1

    muy bueno para los que comenzamos!

  • @gibranlara
    @gibranlara 3 роки тому +1

    Gracias

  • @yairsoto6423
    @yairsoto6423 4 роки тому +1

    Genial! Creó que pude entenderlo bien:)

    • @kikopalomares
      @kikopalomares  4 роки тому

      perfecto!! 👍

    • @yairsoto6423
      @yairsoto6423 4 роки тому

      @@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  4 роки тому

      @@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 4 роки тому

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

  • @MsSoldadoRaso
    @MsSoldadoRaso 3 роки тому +1

    Buen video quico

  • @wilmerlennersandovalrivera5100
    @wilmerlennersandovalrivera5100 2 роки тому +1

    Gracias .

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

    tremendo video

  • @davidtojalvarez6424
    @davidtojalvarez6424 3 роки тому +1

    Crack se entendio rapido, gracias

  • @-TheAntraX-
    @-TheAntraX- 2 роки тому +1

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

  • @weylarraelimiasofia3732
    @weylarraelimiasofia3732 4 роки тому +1

    Gracias 👌

  • @cavil2863
    @cavil2863 3 роки тому +1

    videazo te felicito

  • @Monst93
    @Monst93 3 роки тому +5

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

  • @Airiblue
    @Airiblue 4 роки тому +2

    Gracias, me encanto :)

    • @kikopalomares
      @kikopalomares  4 роки тому +2

      Me alegro!! 😁

    • @Airiblue
      @Airiblue 4 роки тому +2

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

    • @kikopalomares
      @kikopalomares  4 роки тому +2

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

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

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

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

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

  • @juaneduardohernandezmanduj2450
    @juaneduardohernandezmanduj2450 2 роки тому +1

    eres un crack

  • @d-landjs
    @d-landjs 4 роки тому +1

    Se entendio super facil!!!

  • @ecroneroner
    @ecroneroner 4 роки тому +1

    Que buen video!

  • @renegarcia8491
    @renegarcia8491 2 роки тому

    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?

  • @omarsanabria9835
    @omarsanabria9835 3 роки тому +1

    Excelente!

  • @LucasBerazadi
    @LucasBerazadi 3 роки тому +1

    Un crack!!!

  • @CASLOAcademy
    @CASLOAcademy 4 роки тому +2

    thank you!

  • @paolafuentes2199
    @paolafuentes2199 3 роки тому

    una pregunta , ojala me puedas responder por que hago la lista de items o hijos pero me sale solo como un item al final en la hoja . gracias abrazo

  • @Lezo2121
    @Lezo2121 3 роки тому +1

    Qué grande, muchas gracias. Parece que estás narrando un partido de fútbol

  • @patriciacabrera7350
    @patriciacabrera7350 3 роки тому

    Excelente video, muy claro. No soy programadora pero tengo un blog y a veces cambio un poco el código. ¡Suscrita!. Quisiera saber si a esos "elementos" les puedo enlazar un post. Que si el usuario da clic sobre ellos lo lleve al post o artículo.

    • @kikopalomares
      @kikopalomares  3 роки тому +1

      muchas gracias!! y bienvenida!! claro que puedes hacer eso que dices, tendrías que usar la etiqueta de HTML 👍

    • @patriciacabrera7350
      @patriciacabrera7350 3 роки тому +1

      @@kikopalomares Gracias por la respuesta, no soy programadora pero conozco esa etiqueta y la he usado. No sabia que podía unir CSS Flexbox con HTML, pero ahora que lo pienso, es lógico que se pueda. Gracias.

  • @midoctacom
    @midoctacom 2 роки тому

    Buenísimo. Aclara por favor que se han alineado a la base del número, NO de los "elementos" como tú dices. (5:40 y 5:56) Porque los "elementos" son las cajas y los que se alínean son las BASES DE LOS NÚMEROS. Varios que me pasaron este video objetan lo mismo.

  • @theredmaster_superbee
    @theredmaster_superbee 3 роки тому

    Hola... me gustó mucho la clase, yo no sé nada de html, ni de CSS ni de JQ... peeeero... sé mucho Wordpress y Elementor... gracias a que sé como se comportar en ejemplos gráficos o visibles todas esas etiquetas que vas usando; se me ha hecho súper digerible, tanto que quiero aprenderlo... tengo una duda... ¿cómo debo aprender... debo aprender html5, css, y JQ como se explica de forma clásica... o debo aprender esto que estás explicando? No quiero perder tiempo ni esfuerzo estudiando y aprendiendo cosas que están un poco obsoletas... por favor sólo díme cómo estudiar... me gustó la forma en que explicas súper rápido... así es como me gusta estudiar. Gracias...

    • @kikopalomares
      @kikopalomares  3 роки тому

      Aprender HTML y CSS es muy importante, antes de aprender lo que explico en este vídeo por ejemplo, en mi canal encontraras cursos de HTML y CSS por donde puedes comenzar, empieza con el de HTML 👍

  • @lucasc530
    @lucasc530 3 роки тому

    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👍

  • @code_castle
    @code_castle 4 роки тому +1

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

    • @kikopalomares
      @kikopalomares  4 роки тому +1

      claro que sí! como tiene que ser!! xD

  • @yiro999
    @yiro999 2 роки тому

    Tu eres duro 😅😅😀😀

  • @mauriciotorres6815
    @mauriciotorres6815 3 роки тому

    Pero y como hago para que decienda solo el numero de elementos que yo quiero. ejemplo que se vean de 4 en 4 elementos. Y que cuando se redusca la pantalla. Pasen de 4 en 4 a 2 en 2. Pero no a 3 en 3 .