Skip to content

Commit a0eab24

Browse files
committed
use grid
1 parent ae7aaab commit a0eab24

File tree

1 file changed

+9
-12
lines changed

1 file changed

+9
-12
lines changed

src/routes/shop/comma-four/+page.svelte

Lines changed: 9 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -389,21 +389,18 @@
389389
}
390390
391391
& .box-contents {
392-
display: flex;
393-
flex-wrap: wrap;
392+
display: grid;
393+
grid-template-columns: repeat(3, 1fr);
394+
gap: 2rem;
394395
text-align: center;
395396
396-
& > div {
397-
width: 300px;
398-
margin-bottom: 2rem;
399-
400-
& img {
401-
max-height: 150px;
402-
}
397+
@media screen and (max-width: 768px) {
398+
grid-template-columns: 1fr;
399+
}
403400
404-
& p {
405-
margin: 0 2rem;
406-
}
401+
& img {
402+
height: 150px;
403+
object-fit: contain;
407404
}
408405
}
409406

0 commit comments

Comments
 (0)