Flex CSS: ¡Aprendiendo las bases!

Подписаться 19 тыс.

Просмотров 10 тыс.

50% 1

En este video explicamos las bases de Flex con ejemplos de código. Como cambiar los ejes (primario y secundario) para establecer otra dirección, o crear un contenedor multilínea flex, entre algunos otros detalles interesantes de Flex CSS, antiguamente conocido como flexbox.
¡Te lo explico!
TIMELINE:
00:00 Introducción
00:16 Emmet ( emmet.io )
01:07 ¿Qué es Flex?
01:41 Ejemplo con Flex
03:23 Huecos (gap)
04:09 Relación padre-hijo
04:45 Flex vs inline-flex
05:31 Flex-direction (cambio de ejes)
06:40 Flex-wrap (flex multilínea)
08:45 Cierre
LINKS:
👀 Flex CSS: lenguajecss.com/css/maquetaci...
¡No te olvides de seguirme! ⚡ manz.dev
---
📹 Twitch: / manzdev
📼 RU-vid: / manzdev
🐤 Twitter: / manz
📷 Instagram: / manz.dev
✈️ Telegram: t.me/ManzDev

Наука

Опубликовано:

13 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 28

@Aureck Год назад

Todos necesitamos El Narrador en nuestras vidas 🛐

@ManzDev Год назад

Volverá, no será su única aparición... estoy seguro...

@LuisFelipe-po3ta 8 месяцев назад

Excelente canal, suscrito y fiel seguidor a partir de hoy

@ManzDev 8 месяцев назад

¡Mil gracias, Felipe! 🎉

@rookiesadventure Год назад

te dejo el like y el comentario, que el vídeo me ha ido de putísima madre para aprender bien el concepto de FLEX! muchas gracias por divulgar este contenido y hacerlo tan sencillo, un saludo!

@ManzDev Год назад

¡Muchísimas gracias a ti por dejar like y comentario! ¡Esta semana estaremos subiendo Grid CSS!

@loliguerrero 11 месяцев назад

Gracias por el vídeo💜

@franconegro175 Год назад

Empecé hace poco con esto del css, me sirven estos videos que explicas sobre flex. Gracias por el video

@ManzDev Год назад

¡Gracias a ti por echar un vistazo y comentar, Franco!

@PalestinianCode Год назад

gracias Manz. videos cortos como esos con tu manera de explicar las cosas, es una maravilla. aparte que ayuda a hacer crecer el canal. Cordiales saludos desde Argelia.

@ManzDev Год назад

¡Muchas gracias, Ibra & Code! Estos mensajes motivan mucho para seguir creando contenido. ¡Un abrazo!

@paucemor Год назад

POR FIN LO ENTENDI AAAAAAAAAAAAAAA no tenes idea la cantidad de videos que vi, y ahora con tu explicación le encuentro sentido al displey y flex MUCHAS GRACIAS!

@ManzDev Год назад

Hola Paula! ¡No sabes lo que me alegra leer esto! Recuerda que por lenguajecss.com/css/ tienes más cosas para aprender sobre CSS. ¡Subiré más videos de CSS! 🚀

@paucemor Год назад

@@ManzDev ya visité tu pagina, mi profesora en la universidad nos la recomendó. muchas gracias por compartir tus conocimientos :)

@ManzDev Год назад

@@paucemor ¡oh! ¡no hay de qué! Muchísimas gracias a tu profesora por la recomendación, y como no, a ti por venir y tomarte la molestia de dejar un comentario. ¡Saludos!

@diegosarmiento2130 Год назад

Manz, con tus videos estoy viendo la matrix de css, gracias

@ManzDev Год назад

No te olvides la pastilla azul... ¿o era la roja?

@Ktalesun Год назад

Grandeeee el narrador jajaja, súbanle el sueldo!

@ManzDev Год назад

🤣🤣🤣

@rubentren9500 Год назад

Hola Manz! Muchas gracias por tu contenido. ¿Flex se utiliza para hacer responsive?

@ManzDev Год назад

¡Hola Ruben! Correcto. Flex se puede usar para crear elementos de una página y además también se puede usar para hacer que estos sean responsive, aunque no es la única opción disponible. ¡Saludos!

@Darcon31 Год назад

Buenas me gusta mucho como explica y la verdad que me estaba enterando de todo :D pero donde podría seguir viendo el video? he revisado el canal de twitch pero no lo encuentro

@ManzDev Год назад

¡Hola Darcon! Aquí tienes una lista donde tienes los videos de Flex y Grid: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-I-EFAmX-vhE.html Si quieres más información por escrito con código, puedes verla en el apartado de Maquetación de LenguajeCSS: lenguajecss.com/css/ Si por otro lado, quieres ver los directos íntegros de Twitch, con la suscripción premium de RU-vid puedes desbloquear todos los directos desde que empezamos en Twitch: manz.dev/apoyo/ ¡Saludos!

@Darcon31 Год назад

@@ManzDev Muchas gracias por todoo :D

@mikaelkare624 8 месяцев назад

Donde puedo encontrar esas infografías que salen al final? 8:50

@ManzDev 8 месяцев назад

Entra en manz.dev, zona cheatsheets!

@aileenmarite Год назад

ES MEJOR USAR FLEX EN VEZ DE MEDIA QUERIES

@ManzDev Год назад

Hola Raul, No son cosas opuestas. - Flex es un sistema para crear cajas flexibles con CSS de forma sencilla e intuitiva. - Media Queries (o Container Queries y derivados) es un sistema para dar estilos dependiendo de características clave como el tamaño de pantalla o elementos contenedores. A veces nos interesa Flex, a veces nos interesa Media Queries. ¡Saludos!