Flexboxのチートシートの一部 displayプロパティ Flexboxを使用するには親要素にdisplay: flex;(または、display: inline-flex;)を適用すると、その子要素がFlexアイテムになります。 flex-directionプロパティ FlexアイテムがFlexコンテナでどのように配置されるか明示します。方向は2種類で、横列(row)の水平、縦列(column)の垂直に配置できます。 flex-wrapプロパティ Flexコンテナが複数のFlexアイテムを一行(no-wrap)、または複数行(wrap)に配置することをコントロールします。 Flexboxの各プロパティの詳しい説明は、下記の記事をご覧ください。 CSS Flexboxの基礎知識と使い方をやさしく解説