CONTROLANDO PROPORCIONES DE ELEMENTOS FLEXIBLES (FLEX ITEMS)
A LO LARGO DEL EJE PRINCIPAL (MAIN AXIS) ***
En esta guía podremos explorar las tres propiedades que se aplican
a los elementos flexibles (flex items), las cuales nos permiten controlar el tamaño y la flexibilidad de los elementos (items) a lo largo del eje principal (main axis), eetas son:
flex-grow flex-shrink flex-basis
Comprendiendo completamente como trabajan estas propiedades con elementos
en crecimiento y reduccion es la clave real para dominar flexbox.
1. Un Primer Vistazo
Nuesttras tres propiedades controlan los siguientes aspectos de la flexibilidad
de un elemento flexible (flex item):
.flex-grow: ¿Cuánto del espacio libre positivo tiene este elemento?
.flex-shrink: ¿Cuánto del espacio libre negativo se puede eliminar de
este elemento?
.flex-basis: ¿Cuál es el tamaño del elemento antes de este crezca o se
reduzca?
Las propiedades estan expresadas usualmente como la abreviatura flex (propiedad).