レスポンシブ グリッドレイアウトでのSP、PCのデザインカンプ制作サイズ

Question

レスポンシブサイトでSP、PCのデザインカンプが必要となってしまいました。
グリッドレイアウトで制作してほしいとの依頼なのですが、

例えばPCレイアウトで
レイアウト幅：1,000pix
カラム数：12
1カラム：65pix
ガター：20pix
で設定した場合、

SPレイアウトはどのように設定すれば良いでしょうか？
SPの場合のグリッドの考え方がわかりません。
※SPの幅は375pixで制作予定です。

お教えいただけたらありがたいです。

Comments

[spipinc.u]

800px以下はスマホにしてましたけどね
最近のスマホはでかいですし

Answer 1

1カラムのサイズがSP、PCで変わらないなら、
SPレイアウトは、下記でいいのでは。

レイアウト幅: 375px
カラム数: 5
1カラム: 65px
ガター: 12.5px

ただ、1000pxから375pxの間のサイズは考えなくていいのでしょうか。
レイアウト幅が、1000pxのままだと、画面からはみでたりしますが。

Comments

[roughken2]

hatena19様
ご回答ありがとうございます。

今回はブレイクポイント1つで768pixで切り替えとなっています。
SPは375pixでグリッドを考えて2倍の750pixでカンプ制作をしようと思っていました。
このような考え方はあっているのでしょうか。

あと、カラム数を偶数にする場合はどのように考えればうまくいきますでしょうか。

ご回答お願いいただければありがたいです。