CSS Flexbox Español #2

Sobre esta lección

👌 Nueva guía de códigos: bluuweb.dev 👌 Lista de reproducción (Playlist): http://bit.ly/3IbWltZ Cursos en UDEMY: 🧨 HTML + CSS + Bootstrap 5: https://bit.ly/3iyMBh3 🧨 Vue 3 + Firebase: https://bit.ly/3IwyHGJ 🧨 React + Firebase: https://bit.ly/3JCSsht 🧨 HTML y CSS (gratis): https://bit.ly/3PM4x5U #html #css #flexbox En este apartado conoceremos las propiedades de CSS Flexbox en español, pero de los elementos hijos. Estás propiedades las aplicaremos a los div que se encuentran dentro del contenedor padre. order:; Ordena los elementos hijos según el número que tu le designes. flex-grow:; Especifica el factor de crecimiento de un elemento flexible. Se especifica qué cantidad de espacio debe ocupar el elemento dentro del contenedor flexible. Si todos los elementos tienen flex-grow 1, el espacio restante se distribuye entre los elementos. lex-shrink:; Si utilizamos esta propiedad con valor “0” el elemento hijo no podrá hacerse más pequeño que su ancho establecido. flex-basis:; Con esta propiedad podemos especificar el tamaño inicial que tendrá un elemento hijo. flex:1 1 auto; Es la propiedad resumida de flex-grow, flex-shrink y flex-basis, generalmente se utiliza con la unidad “1 1 auto”. align-self: auto | flex-start | flex-end | center | baseline | stretch; Con aling-self podemos posicionar solo un elemento hijo, generando así diferentes posiciones para cada elemento. Todos los códigos y definiciones en: http://ignaciogutierrez.cl/flexbox-css3-parte-2/ No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ -- Mi Setup: ⭐️ Teclado Mecánico: https://amzn.to/3Ns6fdK ⭐️ Audífonos: https://amzn.to/3pwrzqt ⭐️ Micrófono: https://amzn.to/3JH4tV7 ⭐️ Monitor: https://amzn.to/3NTt8Iu ⭐️ Procesador: https://amzn.to/3raD4EC ⭐️ Tarjeta de Video: https://amzn.to/437t78b