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