diff --git a/src/routes/shop/comma-four/+page.svelte b/src/routes/shop/comma-four/+page.svelte index edb1061d..25a54892 100644 --- a/src/routes/shop/comma-four/+page.svelte +++ b/src/routes/shop/comma-four/+page.svelte @@ -389,21 +389,18 @@ } & .box-contents { - display: flex; - flex-wrap: wrap; + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 2rem; text-align: center; - & > div { - width: 300px; - margin-bottom: 2rem; - - & img { - max-height: 150px; - } + @media screen and (max-width: 768px) { + grid-template-columns: 1fr; + } - & p { - margin: 0 2rem; - } + & img { + height: 150px; + object-fit: contain; } }