余白

要素間の距離に差をつけることで、要素同士の並列・内包などの関係性を視覚的に表現します。
余白は、padding/marginで定義し、その値は原則として4の倍数を使用します。 高級感がある印象をあたえるため、一休では余白を十分に取ることを意識します。

使用ルール

下記を原則とします。
1. 親要素のpaddingで周囲（上下左右）均等の余白を設定する
2. 1の設定では不可能な、子要素間の余白をmargin-topで設定する 
（複数要素が連続する際の要素間の余白設定はgapでも設定可能）

モバイルブラウザの左右の余白は12px（m-3 、p-3）を原則とします。