Flex item grow, shrink and basis using the flex shorthand

flex: 1;

flex: 1 1 auto; (equivalent to flex:auto;)

flex: # 1 auto;

flex: # 1 auto; (with flex-flow:column;)

flex-shrink using shorthand flex

flex: 0 0 auto; (equivalent to flex:none;)

flex: 0 1 auto; (default)

flex: 0 # auto;

flex-basis using shorthand flex

flex: 0 1 #%; (larger than content)

flex: 0 1 #%; (smaller than content)

flex: 0 1 #%; (with shrinking)

flex: 0 0 #%; (without shrinking)