candlestick room
Flexbox (display: flex;) —
Flexbox lets you quickly arrange child elements horizontally and/or vertically
shelf #1


flex-direction: row;
shelf #2


flex-direction: row-reverse;
shelf #3



align-items: flex-start;
shelf #4

vertical centering, align-items, justify-content
shelf #5


flex-direction: column;
shelf #6


flex-direction: column-reverse;
shelf #7





flex-wrap: wrap; (flow items top-left to bottom-right)
shelf #8


justify-content: flex-start;
shelf #9


justify-content: flex-end;
shelf #10


justify-content: space-between;
shelf #11


justify-content: space-around;