【HTML/CSS】リキッドデザインのテーブル

Question

いつもお世話になっております。
今回は、HTMLについて教えてください。

楽天GOLDでページを作成しているのですが、リキッドデザインのテーブルができません。

■　■
■　■

こんな形でクーポンを並べて、PCでもスマホでも見れるようにしたいのですが、
タグを教えていただけますでしょうか。

よろしくお願いいたします。

Answer

ECマスターズの田中です。

リキッドレイアウトによるページを作成される場合、
手動で細かい設定を行うのはとても難しいので、
Bootstrapに代表されるフレームワークを導入されることを
オススメします。

Bootstrapの解説、導入方法については
下記URLの紹介記事をご参照ください。
https://techacademy.jp/magazine/6270
（楽天外のURLは、ファイルを保存し、
　楽天GOLDにアップロードし直してからご利用ください）

いただいた内容ですと、横２列に画像が並ぶことを
想定されているかと思いますが、その場合はたとえば
　と　　で各バナーを囲う、
もしバナー１つぶんの空白が必要な場合は
　と　　で各バナーを囲うことで、
スマートフォン用の幅（横幅768px以下）になった時に
自動的に縦一列に並ぶようになります。

まずはBootstrapの導入をお試しいただき、
不明な点がございましたらご返信ください。