33. Alignment
along the main axis: justify-content
(align-content for multiple lines along cross axis)
JUSTIFY-CONTENT
#bob { justify-content: flex-start |
flex-end | center | space-between |
space-around }
in the case of flex-direction: row
35. Alignment
along the cross axis: align-items
(align-self can be applied to the flex items themselves)
ALIGN-ITEMS
#bob { align-items: flex-start |
flex-end | center | baseline | stretch }
in the case of flex-direction: row
36. Order
changes the visual order vs. the source order
3 1 2
.item:nth-child(3) { order: -1; }
.foo { order: [n]; }