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: 串の両側に均等に空白ができる