GUÍA COMPLETA DE FLEXBOX ANIMADA | CSS
Curso completo para aprender Flexbox en CSS. En esta guía vas a ver el funcionamiento de cada una de las propiedades de Flexbox y bajo qué escenarios puedes usarlas. Pon a prueba tus habilidades haciendo los ejercicios para ordenar nuestros elementos con este layout.
👍 Apóyame con un like para llegar a más developers 😊
✅ Te invito a suscribirte al canal 👉 http://bit.ly/Youtube-VidaMRR
🔔 Activa la campanita para notificarte del siguiente video
Secciones del curso
00:00 Layout básico de Flexbox
05:26 Flex-direction: dirección de elementos
08:17 Flex-wrap: desborde de elementos
11:02 Flex-flow: método alterno a direction y wrap
11:22 Justify-content: alinear elementos horizontalmente
14:30 Align-items: alinear elementos verticalmente
17:49 Align-content: alinear elementos verticalmente desbordados
20:40 gap: espacio entre elementos
22:15 order: posición de elementos
24:52 Flex-grow: proporción de crecimiento
29:25 Flex-shrink: proporción para encogerse
31:47 Flex-basis: tamaño inicial de elementos
36:24 Flex: método abreviado para grow, shrink y basis
37:25 Align-self: para alinear verticalmente cada elemento
✅ Sígueme en las redes sociales:
Discord https://discord.gg/jrF6fv4j2p
Facebook https://www.facebook.com/vidamrr/
Twitter https://twitter.com/vidamrr
Instagram https://www.instagram.com/vidamrr/
❤ únete al canal para obtener beneficios exclusivos:
https://www.youtube.com/channel/UCOD6LXgeBoeiUZTsPLdG-0g/join
😍 Más videos dentro del canal:
Café con Rivas - Vlogs http://bit.ly/mrr-vlogs
Curso de Node.js http://bit.ly/mrr-curso-nodejs
Curso de PHP + MySQL http://bit.ly/mrr-curso-php
Basicos Dev http://bit.ly/basicos-dev
Tips y trucos http://bit.ly/tips-trucos
Mi primera app http://bit.ly/primera-app
Retos de programación http://bit.ly/problemas-codigo
Inspiración web http://bit.ly/mrr-inspiracion-web
Tutoriales Javascript http://bit.ly/tutoriales-javascript
Curso básico de CSS http://bit.ly/curso-css-basico
Diseño elementos con CSS http://bit.ly/componentes-css
Mi primer sitio web con CSS http://bit.ly/primer-sitio-CSS
Curso avanzado de CSS3 http://bit.ly/curso-css3
Sitio web Completo en CSS3 http://bit.ly/mrr-sitio-web-css3
#flexbox #css #curso
Видео GUÍA COMPLETA DE FLEXBOX ANIMADA | CSS канала Vida MRR - Diseño y desarrollo web
👍 Apóyame con un like para llegar a más developers 😊
✅ Te invito a suscribirte al canal 👉 http://bit.ly/Youtube-VidaMRR
🔔 Activa la campanita para notificarte del siguiente video
Secciones del curso
00:00 Layout básico de Flexbox
05:26 Flex-direction: dirección de elementos
08:17 Flex-wrap: desborde de elementos
11:02 Flex-flow: método alterno a direction y wrap
11:22 Justify-content: alinear elementos horizontalmente
14:30 Align-items: alinear elementos verticalmente
17:49 Align-content: alinear elementos verticalmente desbordados
20:40 gap: espacio entre elementos
22:15 order: posición de elementos
24:52 Flex-grow: proporción de crecimiento
29:25 Flex-shrink: proporción para encogerse
31:47 Flex-basis: tamaño inicial de elementos
36:24 Flex: método abreviado para grow, shrink y basis
37:25 Align-self: para alinear verticalmente cada elemento
✅ Sígueme en las redes sociales:
Discord https://discord.gg/jrF6fv4j2p
Facebook https://www.facebook.com/vidamrr/
Twitter https://twitter.com/vidamrr
Instagram https://www.instagram.com/vidamrr/
❤ únete al canal para obtener beneficios exclusivos:
https://www.youtube.com/channel/UCOD6LXgeBoeiUZTsPLdG-0g/join
😍 Más videos dentro del canal:
Café con Rivas - Vlogs http://bit.ly/mrr-vlogs
Curso de Node.js http://bit.ly/mrr-curso-nodejs
Curso de PHP + MySQL http://bit.ly/mrr-curso-php
Basicos Dev http://bit.ly/basicos-dev
Tips y trucos http://bit.ly/tips-trucos
Mi primera app http://bit.ly/primera-app
Retos de programación http://bit.ly/problemas-codigo
Inspiración web http://bit.ly/mrr-inspiracion-web
Tutoriales Javascript http://bit.ly/tutoriales-javascript
Curso básico de CSS http://bit.ly/curso-css-basico
Diseño elementos con CSS http://bit.ly/componentes-css
Mi primer sitio web con CSS http://bit.ly/primer-sitio-CSS
Curso avanzado de CSS3 http://bit.ly/curso-css3
Sitio web Completo en CSS3 http://bit.ly/mrr-sitio-web-css3
#flexbox #css #curso
Видео GUÍA COMPLETA DE FLEXBOX ANIMADA | CSS канала Vida MRR - Diseño y desarrollo web
Показать
Комментарии отсутствуют
Информация о видео
17 июня 2021 г. 5:00:10
00:41:26
Другие видео канала
![Guia definitiva de Flexbox (4) - Preguntas y tips](https://i.ytimg.com/vi/T9UDpw_Bags/default.jpg)
![👨🏼💻👉🏻 Curso de Flexbox COMPLETO](https://i.ytimg.com/vi/74ueYD42VWc/default.jpg)
![🟦 Aprende CSS Grid Layout en menos de 15 Minutos](https://i.ytimg.com/vi/edEG0CoM5gw/default.jpg)
![Flexbox layout CSS | Qué es? Cómo funciona?](https://i.ytimg.com/vi/RhLxQx4P1oI/default.jpg)
![Guía sobre Position en CSS](https://i.ytimg.com/vi/BVIdzytAtkg/default.jpg)
![GUÍA PARA SER UN EXPERTO EN CSS](https://i.ytimg.com/vi/ijWD2eWcwHY/default.jpg)
![CSS Flexbox Crash Course](https://i.ytimg.com/vi/tXIhdp5R7sc/default.jpg)
![CÓMO PERSONALIZAR LA TERMINAL EN WINDOWS - OH MY POSH](https://i.ytimg.com/vi/D5JppCyHMPA/default.jpg)
![Navbar CSS Tutorial: 3 Ways to Create a Navigation Bar with Flexbox](https://i.ytimg.com/vi/PwWHL3RyQgk/default.jpg)
![Consejo para Principiantes: Evita hacer esto en tus Proyectos de CSS.](https://i.ytimg.com/vi/TeQgd0NS_lQ/default.jpg)
![](https://i.ytimg.com/vi/VRgF0JlMzYc/default.jpg)
![SÓLO 3 LÍNEAS: CSS Grid responsive sin media queries](https://i.ytimg.com/vi/El0OJ6h_2ZI/default.jpg)
![Dos Efectos CSS muy Sencillos pero geniales para tus Páginas Web](https://i.ytimg.com/vi/1KEbGYsF2bY/default.jpg)
![💪 Flexbox vs CSS GRID | ¿Cuándo usar FLEXBOX y CSS GRID?](https://i.ytimg.com/vi/FO_bHJ9Fi3c/default.jpg)
![🔷 Aprende CSS Flexbox en MENOS de 15 MINUTOS](https://i.ytimg.com/vi/-nVJwYKx6H8/default.jpg)
![TIPS PARA MEJORAR TU LÓGICA DE PROGRAMACIÓN](https://i.ytimg.com/vi/_WEeYDaXzcs/default.jpg)
![Barra de navegación responsive y accesible con HTML, CSS y JS | Diseño adaptativo - flexbox](https://i.ytimg.com/vi/xQstBIPeOdU/default.jpg)
![Un ejemplo de microservicios #CafeConRivas](https://i.ytimg.com/vi/qAcUGw7HhxM/default.jpg)
![Que rayos son las unidades EM, REM y como se utilizan | Tutorial CSS](https://i.ytimg.com/vi/nz6DIeBdZtY/default.jpg)
![Como utilizar Animate.css fácil 2020](https://i.ytimg.com/vi/1-b7td9mdjU/default.jpg)