Flexbox - most usable settings

justify-content: center // space-between // space-evenly // space-around

align-items: center //stretch // baseline

// individual item settings

align-self: stretch; // fill entire space

order: -1 // -2 etc // change order of items

flex-grow: 1 // 2 etc // increase size of item

flex-shrink: 0; // decrease size of item

flex-basis: 20% // width of individual item

.item {

flex: 0 1 30%; // flex: flex-grow, flex-shrink, flex-basis

}