Flexbox
In the flex layout model, the children of a flex container can be laid out in any direction, and can "flex" their sizes, either growing to fill unused space or shrinking to avoid overflowing the parent.
box ないの item の並べ方を定義できる
box ないの余白の配置を定義できる
Felxbox item のコンテンツをいい感じに整列させる
flex 1 をしていすると、幅がきまっている item があるとそれが 1 の基準になってしまう?
flex の中で margin auto すると中央寄がいい感じになる
flex: 1 -> grow = 1, shrink=1, basis=0
basis 0 ってどういう状態?
コンテンツの幅になるのかな?