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

2023-01-17 13:04:48 +01:00
parent 8513ef9d4d
commit a07f85feeb
4 changed files with 31 additions and 16 deletions
--- a/assets/css/product.css
+++ b/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;
+    }
 }