jose-m
10/13/2017 - 6:35 PM

FLEXBOX

Notas de Flexbox

FLEX PROPERTIES
display: flex | inline-flex; // Va en el contenedor

flex-direction: row | column; // row va horizontal y column va verticalmente

flex-wrap: wrap | nowrap | wrapreverse; //para wrap los elementos

flex-basis: <lenght> //basicamente asignar longitud a los items o al div

justify-content: flex-start | flex-end | center | space-between; //Alinear los elementos,
flex-start a la izquierda, flex-end a la derecha, y center, al div contenedor de los elementos

align-self: flex-start | flex-end | center;

align-items: flex-start | flex-end | center;

align-content: flex-start | flex-end | center;

flex-grow: <number>;

flex-shrink: <number>;

flex: <number>; //Los elementos div con su clase al agregarle flex: 1,2,3; puede cambiar el tamaño de su 
columna

order: <number>; //cambia el order de los div's o de los elementos