Card

商品やイベントなど、コンテンツの一覧を見せる方法として、リスト形式が挙げられます。このような写真やタイトル、そのたサマリなどを見せるためのカードという解決策は有名フリマアプリなどにも広く採用されています。

実用例

ボックス

borderのスタイリングでカードの輪郭をわかりやすくする場合です。

ただ、この場合だとボーダーの色が強すぎてカードがたくさん並ぶと、最も重要なコンテンツである商品が引き立たないかもしれません。
この場合の解決法として、背景色との差をつける方法があります。

影なしボックス

影をなくしたい場合はボーダーを表示します。