CSS3を勉強したい

CSS3Cascading Style Sheets

display: flex;フレックスボックスでのレイアウト

親要素にdisplay: flex;を指定することで、子要素をflexアイテムとして扱います。

flexアイテムを並べる方向(水平方向か垂直方向か)と、並ぶ順序を指定する。

並んだflexアイテムの折り返しの有無を指定する。

flex-directionプロパティとflex-wrapプロパティの値を同時に指定する。

flexアイテムの配置を整える。

flexコンテナに対するflexアイテムの伸縮を制御する。

display: flex;を使って2カラムにレイアウトとする。

flexアイテムを右または左に寄せる。