DAWNを使ってトップページの作成をしているのですが、マルチカラムを使って画像を並べると、スマホで見ると画像のように余白の部分がほとんどなく隙間がなくなってしまっているため、こちらの幅を広くしたいです。
（PC版は今の画像の幅間で問題ないので、SP版のみ変更希望です。）
cssやコードでどうやればよいか、具体的にご教授いただきたいです。
よろしくお願いいたします！
Kabu_mcom様
ご質問を確認いたしました。
Dawnのマルチカラムでしたら、以下のコードをカスタマイズ画面の「マルチカラム」>「カスタムcss」に入力していただければ良いかと存じます。
@media screen and (max-width: 749px) {
.grid--2-col-tablet-down .grid__item {
width: calc(50% - 10px / 2);
}
.grid {
column-gap: 10px;
row-gap:10px;
}
}
「10px」の部分を任意の余白幅にご変更ください。
ご参考までに。