comandos flex box.txt

justify-content:
flex-start: Items align to the left side of the container.
flex-end: Items align to the right side of the container.
center: Items align at the center of the container.
space-between: Items display with equal spacing between them.
space-around: Items display with equal spacing around them.




align-items:
flex-start: Items align to the top of the container.
flex-end: Items align to the bottom of the container.
center: Items align at the vertical center of the container.
baseline: Items display at the baseline of the container.
stretch: Items are stretched to fit the container.





flex-direction:
row: Items are placed the same as the text direction.
row-reverse: Items are placed opposite to the text direction.
column: Items are placed top to bottom.
column-reverse: Items are placed bottom to top.




order:ordenar as coisa pelos numeros (-2,-1,0,1,2).



align-self:a mesma coisa que o anterior mas a diferença é que ele pode mexer um objeto especifico.



flex-wrap:
nowrap: Every item is fit to a single line.
wrap: Items wrap around to additional lines.
wrap-reverse: Items wrap around to additional lines in reverse.



flex-flow:aceita a mesma programação do flex-direction e do flex-wrap e deixa combinar os dois mas apenas se tive espaço entre uma e outra.  ex:"flex-flow: row wrap"



align-content:a mesma coisa do flex-flow.