From 9355e886665b57db7bd390ddadb4e58e0bfb5046 Mon Sep 17 00:00:00 2001
From: naomitzhao <116607148+naomitzhao@users.noreply.github.com>
Date: Sat, 19 Apr 2025 20:33:34 -0700
Subject: [PATCH] Fix homepage carousel for mobile view

---
 .../HomepageCarousel/HomepageCarousel.module.scss     | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/(pages)/_components/HomepageCarousel/HomepageCarousel.module.scss b/app/(pages)/_components/HomepageCarousel/HomepageCarousel.module.scss
index 4873b82..ecb89c6 100644
--- a/app/(pages)/_components/HomepageCarousel/HomepageCarousel.module.scss
+++ b/app/(pages)/_components/HomepageCarousel/HomepageCarousel.module.scss
@@ -4,7 +4,6 @@
   display: flex;
   flex-direction: column;
   justify-content: center;
-  // width: calc(8px * 123);
   gap: 80px;
   margin: auto;
 }
@@ -13,6 +12,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
+  text-align: center;
 }
 
 .header h2 {
@@ -24,8 +24,8 @@
 }
 
 .swiper {
-  width: calc(8px * 123);
-  // display: flex;
+  width: 100%;
+  max-width: calc(8px * 123);
   justify-content: center;
   align-items: center;
   margin: auto;
@@ -42,7 +42,8 @@
 .slide {
   display: flex;
   flex-direction: column;
-  width: calc(8px * 65);
+  max-width: calc(8px * 65);
+  width: 100%;
   height: calc(8px * 82);
   padding: 20px;
   border-radius: 20px;
@@ -76,7 +77,7 @@
   position: relative;
   object-fit: cover;
   height: 280px;
-  width: 480px;
+  // width: 480px;
 }
 
 .info {