【マテリアルデザイン】Responsive layout grid
M2
M3
3つの構成要素（Columns, gutters, margins)Column
カラムの横幅は固定値ではなく、%で指定される。%で定義することで、様々なコンテンツ幅に対応することが出来る。
グリッドに表示されるカラムの数は、ブレイクポイントの範囲で予め定められている。
スマホ：ブレイクポイント360dp。カラムは4つ。
タブレット：ブレイクポイント600dp。カラムは8つ。
Gutters
ガターはカラム同士内にあるスペースのことで、コンテンツを
