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