A brief and short CSS flexbox reference

flexbox.css

/*The first values are the defaults*/
.parent {
	display: flex | inline-flex;
	flex-direction: row | row-reverse | column | column-reverse;
	flex-wrap: nowrap | wrap | wrap-reverse;
	justify-content: flex-start | flex-end | center | space-between | space-around;
	align-items: stretch | flex-end | center | baseline | flex-start;
	align-content: stretch | flex-end | center | space-between | space-around | flex-start;
}

.child {
	order: <integer>;
	flex-grow: <number>; /* default 0 */
	flex-shrink: <number>; /* default 1 */
	flex-basis: <length> | auto; /* default auto */
	align-self: auto | flex-start | flex-end | center | baseline | stretch; /* default auto */
}

/*SHORTHANDS*/

.parent {
	flex-flow: flex-direction and flex-wrap;
}

.child {
	flex: flex-grow, flex-shrink and flex-basis;
}