Update app.py

app.py

@@ -203,16 +203,10 @@ def catalog():
                 background-color: #2980b9;
             }
 
-            @media (max-width: 1024px) {
-                .products-grid {
-                    grid-template-columns: repeat(2, 1fr);
-                }
-            }
-
             @media (max-width: 768px) {
                 .products-grid {
-                    grid-template-columns: repeat(1, 1fr);
-                    gap: 15px;
+                    grid-template-columns: repeat(3, 1fr);
+                    gap: 10px;
                 }
 
                 body {
@@ -220,16 +214,33 @@ def catalog():
                 }
 
                 h1 {
-                    font-size: 2em;
+                    font-size: 1.8em;
                     margin-bottom: 20px;
                 }
 
                 .product {
-                    padding: 15px;
+                    padding: 10px;
                 }
 
                 .product-image {
-                    height: 180px;
+                    height: 120px;
+                }
+
+                .product h2 {
+                    font-size: 1em;
+                }
+
+                .product-price {
+                    font-size: 1.1em;
+                }
+
+                .product-description {
+                    font-size: 0.8em;
+                }
+
+                .product-button {
+                    padding: 8px 15px;
+                    font-size: 0.9em;
                 }
             }