diff --git a/src/views/ProductDetail.vue b/src/views/ProductDetail.vue
index 1cba9d861..dab076234 100644
--- a/src/views/ProductDetail.vue
+++ b/src/views/ProductDetail.vue
@@ -342,10 +342,6 @@ export default defineComponent({
   text-align: center;
 }
 
-.product-image > img {
-  width: 200px;
-}
-
 .reservation-section {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
@@ -353,21 +349,24 @@ export default defineComponent({
 }
 
 .product-section {
-  display: grid;
-  grid-template-columns: auto 500px;
+  display: flex;
+  flex-wrap: wrap;
   max-width: 1042px;
   margin: auto;
 }
 
+.product-image {
+  flex: 1 1 300px;
+}
+
+.product-info {
+  flex: 2 1 360px;
+}
+
 @media (min-width: 720px) {
   main {
     padding: var(--spacer-sm);
-    margin: auto;
-  }
-
-  .product-image > img {
-    width: 400px;
   }
 }
 </style>
- 
\ No newline at end of file
+