diff --git a/pages/product/[id].vue b/pages/product/[id].vue
index 30ffaba..6e31747 100644
--- a/pages/product/[id].vue
+++ b/pages/product/[id].vue
@@ -1,8 +1,8 @@
 <template>
   <div ref="target" class="product">
     <UDrawer
+      v-if="isMobile"
       v-model:open="open"
-      title="Drawer with title"
       :class="{ animated: !isSwiping }"
       :style="{ top }"
     >
@@ -12,14 +12,18 @@
         <ProductDescription />
       </template>
     </UDrawer>
+
+    <ProductImages v-if="!isMobile" />
+    <ProductDescription v-if="!isMobile" />
   </div>
 </template>
 
 <script setup lang="ts">
 import type { UseSwipeDirection } from '@vueuse/core'
-import { useSwipe } from '@vueuse/core'
+import { useMediaQuery, useSwipe } from '@vueuse/core'
 import { computed, shallowRef } from 'vue'
 
+const isMobile = useMediaQuery('(max-width: 1280px)')
 const open = ref(false)
 const target = shallowRef<HTMLElement | null>(null)
 const targetHeight = computed(() => target.value?.offsetHeight)