CSS Flexbox Cheatsheet

/* Flexbox Container Properties */
1	/* Flexbox Container Properties */
2	.container {
3	display: flex;
4	flex-direction: row \| column \| row-reverse \| column-reverse;
5	flex-wrap: nowrap \| wrap \| wrap-reverse;
6	justify-content: flex-start \| flex-end \| center \| space-between \| space-around \| space-evenly;
7	align-items: stretch \| flex-start \| flex-end \| center \| baseline;
8	align-content: flex-start \| flex-end \| center \| space-between \| space-around \| stretch;
9	gap: 10px;
10	}
11
12	/* Flex Item Properties */
13	.item {
14	flex-grow: 0; /* How much to grow */
15	flex-shrink: 1; /* How much to shrink */
16	flex-basis: auto;/* Initial size */
17	flex: 0 1 auto; /* Shorthand */
18	align-self: auto \| flex-start \| flex-end \| center \| baseline \| stretch;
19	order: 0; /* Order of item */
20	}
21