display: flex;フレックスボックスでのレイアウト
親要素にdisplay: flex;
を指定することで、子要素をflexアイテムとして扱います。
flexアイテムを並べる方向(水平方向か垂直方向か)と、並ぶ順序を指定する。
並んだflexアイテムの折り返しの有無を指定する。
flex-direction
プロパティとflex-wrap
プロパティの値を同時に指定する。
flexアイテムの配置を整える。
flexコンテナに対するflexアイテムの伸縮を制御する。
display: flex;
を使って2カラムにレイアウトとする。
flexアイテムを右または左に寄せる。