Contenedor con propiedad display:flex

1
1
1

Sin la propiedad wrap

1
1
1
1
1
1
1
1
1
1
1
1
1

Con propiedad wrap

1
1
1
1
1
1
1
1
1
1
1
1
1

totalmente centrado
justify-content: center align-items: center

Con propiedades en los elementos

Esta capa es 5 veces mas que las otras
Se le ha aplicado la propiedad flex-grow:1
1
Esta capa es 5 veces mas que las otras
Se le ha aplicado la propiedad flex-grow:1
no cambiará

Con propiedades en formato short

Sin cambios
1
1
1
1
1
1
1
1
1
1
1
1

Sin propiedades en los elementos

Esta capa es veces mas que las otras
Se le ha aplicado la propiedad
1

Con propiedades en los elementos

Esta capa es 5 veces mas que las otras
Se le ha aplicado la propiedad flex-grow:1
1

Con propiedades en los elementos el primero se mantiene y el segundo 4 0

"flex:0 0"
Esta capa
Se le ha aplicado la propiedad flex:4 0 "
flex: 1 2 100px"