CSS Flex Box

display         : [flex, inline-flex];
flex-direction  : [row, row-reverse, column, column-reverse]

flex-wrap       : [nowrap, wrap, wrap-reverse];

flex-flow       : [row nowrap, column-reverse, column wrap, row-reverse wrap-reverse];
order           : [-1, 0, 1]
justify-content : [flex-start, flex-end, center, space-between, space-around, space-evenly];
align-items     : [stretch, flex-start, flex-end, center, baseline, auto];
align-self      : [auto, stretch, flex-start, flex-end, center, baseline];
align-content   : [flex-start,flex-end, center, space-between, space-around, stretch];
flex-grow       : [0, 1];
flex-shrink     : [1, 0];
flex-basis      : [30%, 50%, content, auto];
flex            : [0 1 auto, 0 1 30%,1 0 30%, none]

Share on Google Plus

About Ram Pukar

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.