Adaptation de la page Produit au format téléphone

assets/css/product.css

@@ -1,16 +1,23 @@
-main{
-    padding-bottom: 2%;
-    max-width: 1280px;
-    margin-left: auto;
-    margin-right: auto;
+@media screen and (min-width: 700px) {
+    main{padding-bottom: 2%;
+        max-width: 1280px;
+        margin-left: auto;
+        margin-right: auto;
+    }
+
+    p {
+        padding-left: 5%;
+        padding-right: 5%;
+        padding-bottom: 2%;
+    }
+    .product {
+        text-align: center;
+    }
 }
 
-p {
-    padding-left: 5%;
-    padding-right: 5%;
-    padding-bottom: 2%;
-}
-
-.product {
-    text-align: center;
+@media screen and (max-width: 700px) {
+    .image{
+        display: flex;
+        justify-content: center;
+    }
 }