スマートフォンやタブレットのレスポンシブデザインについて

私は不動産業界で勤めておりますが、多少HTMLの知識があるので今回会社で扱う分譲地の特設サイトを商用利用可能なテンプレートを使って作りました。
試行錯誤しながらなんとか形になりましたが、どうしてもスマホで見た時に表示がズレてしまいます。
私がWEB業界にいた時は２０年近く前なのでレスポンシブデザインに不慣れです。
色々調べましたがどこを直せばよいのか分からず投稿致しました。

操作の上で支障は無いのですが素人なりにここまで頑張ったのでキッチリ作りたいと考えておりますのでご教授よろしくお願いいたします。

添付画像のように横に白い空白ができてしまします。

URL
https://randslife.jp/bunjou/tomiai/

No.1 ベストアンサー 回答者： wanderer1 回答日時： 2021/07/31 19:14

制作環境がわかりませんので当てずっぽうになりますが。

cssは編集できますか？


.pt-5, .py-5 {
padding-top: 3rem!important;
}

という部分があると思います。
これに

width: 100%;
overflow: hidden;

を追加すれば一応解決できると思います。
Google Chrome以外のブラウザでは確認していませんので、ご自身でチェックしてください。

最終形は下記です。

.pt-5, .py-5 {
padding-top: 3rem!important;
width: 100%;
overflow: hidden;
}

この回答へのお礼

凄い！一発で解決できました！ありがとうございました！

お礼日時：2021/08/03 09:06