楽天スマホサイト表示崩れ

Question

https://www.rakuten.ne.jp/gold/dreamhats/openprice/aw_collection.html

こちらのサイトを作成中ですが、（HTML初心者）スライドの箇所が若干右よりで
スマホサイトになるとWidth100%ではなく、さらに右寄りになっています。

どこの場所を直せば、スマホでスライドの画像が画面いっぱいになりますか？

宜しくお願いします。

Answer

ECマスターズの田中です。

aw_collection.htmlを確認したところ、
スライダーに使われているタグにて、
ブラウザの基本設定として、左内側の余白が40px設けられることで、
右よりに表示されておりました。

スタイルシートの中に
ul { padding: 0; }
と、規則を追加していただいたり、
下記URLにて紹介されているリセットCSSを導入していただくことで、
https://ferret-plus.com/4860
ご希望どおりの見た目になると思いますので
お試しいただきますようお願いします。

Answer

ありがとうございます。
早速実装してみましたが、無事にセンターで設置することができました。