Implementazione primo prototipo pagina prodotto singolo

2026-05-14 14:52:04 +00:00 · 2026-04-01 12:22:27 +02:00
parent 52ea1e0c93
commit a5b4ddd655
2 changed files with 100 additions and 0 deletions
@@ -85,4 +85,39 @@ form button {

 form button:hover {
    background-color: #218838;
+}
+
+/* Stili per la pagina prodotto */
+.product-detail {
+    max-width: 800px;
+    margin: 20px auto;
+    padding: 20px;
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    background-color: #fff;
+    display: flex;
+    flex-direction: column;
+}
+
+.product-detail img {
+    max-width: 100%;
+    height: auto;
+    margin-bottom: 20px;
+    flex-shrink: 0;
+}
+
+.product-detail > div {
+    flex: 1;
+}
+
+@media (min-width: 768px) {
+    .product-detail {
+        flex-direction: row;
+    }
+    
+    .product-detail img {
+        max-width: 40%;
+        margin-bottom: 0;
+        margin-right: 20px;
+    }
 }