From 358d2b61ab655aa5c15bf21cd3c8f3c9f3f42d93 Mon Sep 17 00:00:00 2001
From: ClasWen <clas.wen@icloud.com>
Date: Tue, 24 Sep 2024 22:18:48 +0800
Subject: [PATCH] fix style

---
 src/pages/about/index.astro | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

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>
                   海内存知己，