ビッキーマート

<p></p>
<p></p>
<style>
/* 基本スタイル(スマートフォン用) */
.numbers {
display: grid;
grid-template-columns: repeat(3, 1fr); /* 3列のグリッド */
gap: 10px; /* グリッド間の隙間 */
margin: 0 auto; /* 中央配置 */
max-width: 300px; /* スマートフォンでの最大幅 */
}
.numbers img {
width: 100%; /* グリッドセルにフィット */
height: auto; /* アスペクト比を維持 */
display: block; /* 余白を防ぐ */
object-fit: cover; /* 画像がセルに収まるよう調整 */
}
/* PC用のスタイル(画面幅600px以上) */
@media (min-width: 600px) {
.numbers {
grid-template-columns: repeat(9, 1fr); /* 9列のグリッドで横一列 */
max-width: 900px; /* PCでの幅を調整(例: 各画像100px×9) */
}
}
</style>
<div class="numbers">
<p></p>
</div>








