diff --git a/src/App.vue b/src/App.vue
index 8b83eaa..63c106f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,14 +9,12 @@ import AllCustomPrimevue from './all-custom-primevue/all-custom-primevue.vue'
   <ZodForm v-if="false" />
   <TutorialForm v-if="false" />
 
-  <div class="flex items-start">
-    <div class="w-1/2 p-4 bg-white rounded-lg shadow-md dark:bg-gray-800 dark:text-white m-4 ">
+  <div class="flex flex-col md:flex-row items-start">
+    <div class="w-full md:w-1/2 p-4 bg-white rounded-lg shadow-md dark:bg-gray-800 dark:text-white m-4">
       <AllCustom />
     </div>
-
-    <div class="w-1/2 p-4 bg-white rounded-lg shadow-md dark:bg-gray-800 dark:text-white m-4 ">
-      <AllCustomPrimevue class="w-1/2" />
+    <div class="w-full md:w-1/2 p-4 bg-white rounded-lg shadow-md dark:bg-gray-800 dark:text-white m-4">
+      <AllCustomPrimevue />
     </div>
-
   </div>
 </template>