minor changes to carousel arrows for browser, grid preview sizing for…

… mobile
The-Never-Ending-Story · Sep 22, 2023 · f1975f3 · f1975f3
1 parent fbb5e22
commit f1975f3
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/Components/PreviewComponents/CarouselPreview/CarouselPreview.css b/src/Components/PreviewComponents/CarouselPreview/CarouselPreview.css
@@ -131,14 +131,25 @@
     font-size: 2rem;
   }
 }
+
 @media (max-width: 780px) {
+  .carousel-btn {
+    scale: .8;
+  }
   .carousel-wrapper {
     width: 85%;
   }
   .carousel-preview-container {
     width: 41%;
   }
+  .prev-button {
+    left: 1.15rem;
+  }
+  .next-button {
+    right: -1.85rem;
+  }
 }
+
 @media (max-width: 600px) {
   .carousel-wrapper {
     width: 70%;