質問: こちらのページを参考にコードを組みたいのですが。。 https://www.rakuten.ne.jp/gold/auc-double/halloween/こちらのランキング部分のデザインを真似したいのですができたら1カラム2カラム3カラムでランキングのページを作りたいのですがうまくいきません。(今現在作っているのですが、おそらくコードがぐちゃぐちゃなので、新たにコードを組もうとすると全体が崩れます)https://www.rakuten.ne.jp/gold/dreamhats/openprice/christmas.htmlレスポンシブ対応で教えていただければ幸いです!よろしくお願い致します。
回答: ecマスターズの田辺です。■1位ーーーーーー (1カラム)■2位ーー■3位ー (2カラム)■4位■5位■6位 (3カラム)という表示をされたいということでお間違いないでようか。dhさんのページを確認したところ、1カラム2カラムのデザインはできておりましたので、3カラムのデザインを【html】 ●内容 ●内容 ●内容 【css】.itemlist_triple li{ float: left; width: 33%; /*仮の大きさですのでお好きな大きさに設定ください*/list-style: none; background-color: #ffffff; padding-top: 5px; padding-right: 5px;padding-bottom: 5px; padding-left: 5px; box-sizing: border-box;}上記を参考にしていただくと全体が崩れることなく3カラムのデザインができると思います。レスポンシブにつきましては現時点で大きさをパーセントにしていただいておりますのでレスポンシブで動作しております。