diff --git a/app/pages/contact/index.vue b/app/pages/contact/index.vue
index 5e0e99c..39f99de 100644
--- a/app/pages/contact/index.vue
+++ b/app/pages/contact/index.vue
@@ -42,8 +42,8 @@ const users = ref([
     <img alt="" src="/img/contact/banner.png">
     <!-- components/FiveSevenLayout.vue -->
     <UPageSection>
-      <div class="grid grid-cols-12 gap-6 items-center">
-        <div class="col-span-5 shadow-2xl">
+      <div class="grid lg:grid-cols-12 gap-6 items-center">
+        <div class="col-span-12 lg:col-span-5 shadow-2xl">
           <UPageList divide>
             <UPageCard
                 v-for="(user, index) in users"
@@ -58,7 +58,7 @@ const users = ref([
             </UPageCard>
           </UPageList>
         </div>
-        <div class="col-span-7">
+        <div class="col-span-12 lg:col-span-7">
           <img alt="" class="shadow-2xl" src="/img/contact/map.png">
         </div>
       </div>