diff --git a/src/pages/about/index.astro b/src/pages/about/index.astro
index e503e08..6e943f3 100644
--- a/src/pages/about/index.astro
+++ b/src/pages/about/index.astro
@@ -106,8 +106,8 @@ import hayasaka from "../_assets/hayasaka.jpg"
             </div> -->
             </div>
           </div>
-          <div class="mt-12 h-56 grid grid-cols-3 gap-6">
-            <div class="h-full bg-white rounded-2xl overflow-hidden flex flex-col items-center justify-center p-8">
+          <div class="mt-8 flex flex-col md:mt-12 md:h-56 md:grid md:grid-cols-3 gap-6">
+            <div class="h-full bg-white rounded-2xl overflow-hidden flex flex-col items-center justify-center p-6 xl:p-8">
               <div class="font-bold text-center">
                 <div>
                   加入协会，
@@ -120,7 +120,7 @@ import hayasaka from "../_assets/hayasaka.jpg"
                 <a href="/join-us" class="text-base ">进一步了解{" >"}</a>
               </div>
             </div>
-            <div class="h-full bg-white rounded-2xl overflow-hidden flex flex-col items-center justify-center p-8">
+            <div class="h-full bg-white rounded-2xl overflow-hidden flex flex-col items-center justify-center p-6 xl:p-8">
               <div class="font-bold text-center">
                 <div>
                   扫一扫，
@@ -130,10 +130,10 @@ import hayasaka from "../_assets/hayasaka.jpg"
                 </div>
               </div>
               <div class="mt-4">
-                <a href="/repair/mini-program" class="text-base ">查看我们的报修小程序{" >"}</a>
+                <a href="/repair/mini-program" class="text-base ">查看报修小程序{" >"}</a>
               </div>
             </div>
-            <div class="h-full bg-white rounded-2xl overflow-hidden flex flex-col items-center justify-center p-8">
+            <div class="h-full bg-white rounded-2xl overflow-hidden flex flex-col items-center justify-center p-6 xl:p-8">
               <div class="font-bold text-center">
                 <div>
                   海内存知己，