feat: aboutus 手机UI

src/component/Footer/Footer.module.css

@@ -29,11 +29,13 @@
     background-color: #000000;
     color: white;
     border: none;
-    padding: 12px 40px;
+    padding: 14px 40px;
     border-radius: 9999px;
-    font-size: 18px;
+    font-size: 16px;
     cursor: pointer;
-    width: 200px;
+    width: 194px;
+    height: 45px;
+    font-weight: bold;
 }
 @media (max-width: 768px) {
     .root {

src/pages/AboutUs/AboutUs.module.css

@@ -19,8 +19,7 @@
 .aboutUsTitle {
     font-size: 48px;
     font-weight: bold;
-    color: #000000;
-    margin-bottom: 30px;
+    color: black;
 }
 
 .contentContainer {
@@ -65,3 +64,56 @@
 .bottomContainer{
     height: 120px;
 }
+
+@media (max-width: 768px) {
+    .topContainer {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        height: 66.71vw;
+        width: 100%;
+        background-image: url("../../assets/images/aboutus/top.png");
+        background-size: cover;
+        background-position: center;
+        background-Repeat: no-repeat;
+    }
+
+    .aboutUsTitle {
+        font-size: 6.4vw;
+    }
+
+    .contentContainer {
+        display: flex;
+        flex-direction: column;
+        gap: 6.4vw;
+        justify-content: center;
+        align-items: center;
+        margin-top: 21.3vw;
+    }
+
+    .image {
+        width: 92.1vw;
+        height: 66.71vw;
+    }
+
+    .fontContainer {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        justify-content: center;
+        width: 84vw;
+        text-align: left;
+    }
+
+    .boldFont {
+        font-size: 6.4vw;
+        margin-bottom: 4.2vw;
+    }
+
+    .normalFont {
+        font-size: 4.2vw;
+        margin-bottom: 4.2vw;
+        width: 84vw;
+    }
+}