🔷 Aprende CSS Flexbox en MENOS de 15 MINUTOS
ฝัง
- เผยแพร่เมื่อ 22 ก.ค. 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. - วิทยาศาสตร์และเทคโนโลยี
CURSO GRATIS de FLEXBOX AQUÍ 👉 bit.ly/38yEiO3
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
Genio, se entendió rápido y re claro. Me ahorraste el tiempo de estar revisando cada cosa en cada página distinta.
Genial!! me alegro mucho!
Por fin un tutorial claro y lo que es sin tantos minutos de sobra, gracias maestro
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, !
Gracias por compartir tus conocimientos con nosotros....la comprensión es impecable....
Excelente video! Claro y consiso, muchas gracias!
Gracias por el vídeo, absolutamente bien explicado. Eres un genio.
Me sirvió muchísimo tu explicación para entender todo mejor, gracias!
Muy bueno. Te felicito. La explicación es de lujo.
excelente tu explicación...gran video, me fue de mucha utilidad!!!
Muy bueno tu contenido y ayuda mucho a entender mejor y a organizar los file y elementos.
La tienes clara, se entendió perfectamente.
Muchas gracias por compartir tus conocimientos una vez más!
Buen video kiko, como siempre, estaria genial uno de grid
Es preciso lo que necesitaba! Gracias.
Gracias, lo probaré... (soy muy-muy novato). Felicidades por el curso!!!
Así da gusto!! Muchas gracias!!
Gracias Mister Kiko...exelente resumen
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💪
genial!!
Increìble todo lo que explicaste en solo 15 minutos. Es excelente!!! Mil Gracias!
😁
muchas gracias por compartir tus conocimientos con nosotros amigo mas videos asi por favor
conciso y muy entendible, es que no se puede pedir más... muchas gracias y nuevo sub!
genial! bienvenido!! 😁
Muchas gracias por tus buenos videos siempre tan directos! :)
gracias por tus videos siempre me ayudan
Muchas gracias por tu explicación 👌
excelente kiko eres el mejor. sigo viendo tus videos son directos y precisos.
gracias
gracias!! 😁
brillante explicación, muchas gracias
buen video...simple y directo.
Excelente como siempre Kiko !
Muy bueno el vídeo. En unos minutos explicado el Flexbox perfectamente!!!
💪
gracias kiko! eres muy crack! saludos de la rioja argentina
Por fin lo entiendo, vas directo al grano y me suscribo a tu canal y un millos de gracias.
genial que te haya servido!! bienvenido!! 😁
Muchas gracias por tu vídeo Kiko, me ha servido para aprender Flexbox.
genial!! me alegro!! 😁
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
muchas gracias!! 😁
Gracias Kiko, me ha servido para repasarlo sin tener que verme 18 videos de 20 minutos cada uno :D .
Sos un capo brother, por fin lo entendí.
Muchas gracias estuvo excelente 👌, uno de Grid porfa
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
Muchas gracias!
Excelente explicación
Muchas gracias por el tutorial
Excelente, al grano, rápido, bien editado. Gracias
muchas gracias!! 😁
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!!!
seguro que sí serás más que capaz!! me alego que te esten sirviendo!! 💪
Gran Vídeo bro!
Soy nuevo y entendí Perfectamente tu explicación, Gracias !
genial!
Gracias por el upload, buen contenido, bien explicado. éxitos!
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
super excelente explicacion 👏
Tus videos siempre son muy buenos, muchas gracias!!
gracias a ti por comentar!! 😁
Flexbox is so important. I use it everywhere :)
Muchas gracias Kiko por compartir conocimiento.
gracias a ti por comentar!! 😁
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 !!!
¡muy buena explicación!
Excelente video.
Buenisimo video < 3
Gracias por ahorrarme tanto tiempo que es lo que más necesito hoy en dia, super claro y conciso 👏☺️
me alegro!!
muy bueno tu video! gracias
de nada! 😬
2hs de clase para entender esto en 15min. Crack
muchas gracias.
Sencillamente genial. Nuevo suscriptor
bienvenido!!! 😁
Excelente video
Fantástico tu contenido Kiko, me suscribo para no perderme nada de tu contenido, un saludo desde México.
genial!! bienvenido Carlos!! =D
Gracias por la ayuda crack! Súper claro, saludos desde Argentina
me alegro mucho!! saludos!!
Gracias ✌🌟🌟🌟🌟🌟
Gracias
Buen video quico
thank you!
Muy didáctico, sigue así!
💪
Gracias kiko llego tarde.. pero expectacular
más vale tarde que nunca!!
Gracias 👌
Gracias .
me resolviste mis problemas gracias!!!
me alegro!!
Muy bueno,espero uno con grid!
💪
Un crack!!!
Chuleta para mi exámen.👏🏻👏🏻👏🏻🤪
tremendo video
CHABOOOn! NO PARES NUNCA DE HACER ESTO PLEASE! ME AYDUASTENUN MONTON! GRACIAS!
💪
Me salvaste de una amanecida loco, tremendo tutorial!!
😬
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!
genial Augusto!! bienvenido!! 😁
como dice el dicho en el futbol "cortita y al pie", buen video bro
videazo te felicito
muchas gracias! 😁
Excelente!
muchas gracias! 😁
muy bueno para los que comenzamos!
me alegro que os sirva!! 😁
Crack se entendio rapido, gracias
muchas gracias!! 😁
eres un crack
Muchas gracias
de nada! 😁
Que buen video!
gracias!! 😁
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
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 .
La unica duda que me quedó es como no había dado antes con este canal
no lo eh visto y ya like de una !!!
claro que sí! como tiene que ser!! xD
Haz un video de CSS Grid por favor
Seria de ayuda q dejases el código para descargar en proximos videos. Perfe el video se entiende bien 👍
Tu eres duro 😅😅😀😀
Gracias, me encanto :)
Me alegro!! 😁
@@kikopalomares ya me vi casi todos los videos de la lista reproduccion desarrollo web! Estan geniales los videos
@@BeetBlueyou genial!! pues estate atenta que la semana que viene vuelvo a subir vídeo a esta sección!! 👍
Genial! Creó que pude entenderlo bien:)
perfecto!! 👍
@@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 🙌🏽
@@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
@@kikopalomares Oh eso si lo se:) El problema es que no se reacomodan correctamente:/
Por eso estoy aprendiendo flexbox:)
Se entendio super facil!!!
me alegro!! =D
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)
Kiko, mas alla del curso de flexbox. Sacaras un libro completo de CSS, en donde se traten estos y otros temas?
pues es un proyecto que tengo ahí en mente, no sé aún
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?
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👍
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