Para distribuir nuestros elementos en el flexbox, podemos añadir en el padre ciertas propiedades, entre ellas están:

• flex-direction Establece el eje y la dirección en la que se distribuyen los elementos
• flex-wrap Especifica si los elementos hijos deben permanecer en la misma linea o pueden fluir en la siguiente linea
• flex-flow shortland de wrap y direction
• justify-content Establece el posicionamiento de los elementos sobre el eje principal
• align-content Establece el posicionamiento de los elementos sobre el eje transversal
• align-items Establece el align-self de todos los descendientes directos

En el hijo podemos añadir otra serie de propiedades:

• order Establece la posición/orden en la que va el elemento
• flex-grow Define cuanto queremos que crezca un elemento de nuestro flex layout
• flex-shrink Define cuanto queremos que se contraiga un elemento de nuestro flex layout
• flex-basis Establece el valor inicial del tamaño del elemento acorde a su eje principal
• flex Shortland de grow shrink y basis
• align-self