fix: add center in scroll snap align

RezenkovD · Aug 9, 2023 · b86253d · b86253d
1 parent 7b611bb
commit b86253d
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/vr_club_site/templates/site/style/game-carousel.css b/vr_club_site/templates/site/style/game-carousel.css
@@ -425,15 +425,18 @@
 
 @media screen and (max-width: 532px) {
     .wrapper .carousel {
-        grid-auto-columns: calc((100% / 1) - 50px);
+        grid-auto-columns: 263px;
+        padding: 0;
+        grid-column-gap: 20px;
     }
 
     .wrapper {
         margin-top: 25px;
     }
 
     .carousel .card {
-        width: 366px;
+        scroll-snap-align: center;
+        width: 263px;
         height: 336px;
         -webkit-tap-highlight-color: transparent;
         -webkit-touch-callout: none;