flexboxのプロパティの意味を文章で説明されてもわかりにくかったので、団子にした。
flex-direction
串の向き。reverseがつくと順番がひっくり返る。
- row
- row-reverse
- column
- column-reverse
justify-content
団子同士のくっつけ方。
- flex-start
- flex-end
- center
- space-between
- space-around: 団子の両端に均等に空白ができる
align-items
団子に串を刺す位置。
- flex-start
- flex-end
- center
- baseline
- stretch: 団子を串と垂直方向に引っ張る
align-content
串同士のくっつけ方。
- flex-start
- flex-end
- center
- space-between
- space-around: 串の両側に均等に空白ができる
- stretch