test

css/style.css

@@ -762,6 +762,10 @@ input[type="radio"][class="style"]:checked + label {
   margin-right: 5px;
 }
 
+.logos {
+  padding-bottom: 10rem;
+}
+
 .logos__img {
   width: 22rem;
   height: 12rem;
@@ -770,6 +774,12 @@ input[type="radio"][class="style"]:checked + label {
   background-position: center;
 }
 
+@media (max-width: 576px) {
+  .logos {
+    padding-bottom: 3rem;
+  }
+}
+
 .cards .card__imgfr {
   position: relative;
   cursor: pointer;
@@ -865,4 +875,14 @@ input[type="radio"][class="style"]:checked + label {
   right: 0;
   bottom: 0;
 }
+
+.footer-contacts {
+  width: 60%;
+}
+
+@media (max-width: 860px) {
+  .footer-contacts {
+    width: 90%;
+  }
+}
 /*# sourceMappingURL=style.css.map */

css/style.scss

@@ -694,6 +694,10 @@ input[type="radio"][class="style"]:checked + label {
 		background-repeat: no-repeat;
 		background-position: center;
 		}
+	padding-bottom: 10rem;
+	@media (max-width: 576px) {
+		padding-bottom: 3rem;
+	}
 }
 
 .cards {
@@ -780,4 +784,11 @@ input[type="radio"][class="style"]:checked + label {
 		bottom: 0;
 	}
 }
+
+.footer-contacts {
+	width: 60%;
+	@media (max-width: 860px) {
+		width: 90%;
+	}
+}
  

index_withoutAmp.html

@@ -66,7 +66,7 @@
                     <a class="nav-link text-light" href="#">AI無人電視台</a>
                   </li>
                   <li class="nav-item">
-                    <a class="nav-link text-light" href="#">關於即集仕多</a>
+                    <a class="nav-link text-light" href="#">關於集仕多</a>
                   </li>
                 </ul>
               </div>
@@ -86,7 +86,7 @@
           </div>
         </div>
       </section>
-      <section class="logos" style="background-color: white;padding: 3.5rem 0; padding-bottom: 10rem;">
+      <section class="logos" style="background-color: white;padding: 3.5rem 0;">
         <div class="container text-center">
           <h3 style="color: black;margin-bottom: 1.5rem;" class="text-center">用AI的世界看見愛、跟NGO一起做公益。</h3>
           <p style="color: #4C4C4C;">在疫情的衝擊下，我們身後還有這群人默默幫助社會上的弱勢族群，集仕多使用AI<br>主播問答專訪的方式，帶您更了解這些人，而這些基金會需要您的幫助....</p>
@@ -140,12 +140,15 @@
               </div>
             </div>
             <div class="col-md-5 ps-4" style="position: relative;">
-              <img src="./imgs/quotation.png" alt="" class="left_quotation" width="30">
-              <img src="./imgs/quotation.png" alt="" class="right_quotation" width="30">
-              <p class="pt-4"><strong class="strong">我們</strong>幫助了 ...</p>
-              <p>社會的各個角落、婦女受暴及性別暴力問題</p>
-              <p class="ps-3">各個國家弱勢族群資源補助、</p>
-              <p class="ps-5">流浪動物、導盲犬訓練....</p>
+              <div style="width: 70%;margin: 0 auto;">
+                <img src="./imgs/quotation.png" alt="" class="left_quotation" width="30">
+                <img src="./imgs/quotation.png" alt="" class="right_quotation" width="30">
+                <p class="pt-4"><strong class="strong">我們</strong>幫助了 ...</p>
+                <p>社會的各個角落、婦女受暴及性別暴力問題</p>
+                <p class="ps-3">各個國家弱勢族群資源補助、</p>
+                <p class="ps-5">流浪動物、導盲犬訓練....</p>
+              </div>
+              
             </div>
           </div>
         </div>
@@ -382,8 +385,8 @@
         <div class="container">
             <div class="row">
                 <div class="col-xs-12 col-sm-6">
-                  <div class="mx-auto" style="width: 60%;">
-                    <img src="./imgs/CMM_LOGO.png" alt="" width="250">
+                  <div class="mx-auto">
+                    <img src="./imgs/CMM_LOGO.png" alt="" width="200" class="mx-auto">
                     <div class="footer-follow">關注我們</div>
                     <div class="footer-socials">
                         <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px"></a>
@@ -396,7 +399,7 @@
                   </div>
                 </div>
                 <div class="col-xs-12 col-sm-6 right-column">
-                    <div class="footer-contacts mx-auto"  style="width: 60%;">
+                    <div class="footer-contacts mx-auto">
                         <h5>CONTACT</h5>
                         <div>
                             集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話：036670804<br>聯絡信箱：SERVICE@CHOOZMO.COM