Update app.py

app.py

@@ -297,7 +297,6 @@ def catalog():
                     padding: 10px;
                 }
                 .products-grid {
-                    grid-template-columns: repeat(2, 1fr);
                     gap: 15px;
                     padding: 0 10px;
                 }
@@ -335,13 +334,11 @@ def catalog():
             }
             @media (max-width: 480px) {
                 .products-grid {
-                    grid-template-columns: 1fr;
                     gap: 10px;
+                    padding: 0 5px;
                 }
                 .product {
                     padding: 10px;
-                    margin: 0 auto;
-                    max-width: 300px;
                 }
                 .product-image {
                     width: 120px;
@@ -355,6 +352,19 @@ def catalog():
                     font-size: 1.8em;
                     margin-bottom: 20px;
                 }
+                .product h2 {
+                    font-size: 0.9em;
+                }
+                .product-price {
+                    font-size: 1em;
+                }
+                .product-description {
+                    font-size: 0.8em;
+                }
+                .product-button {
+                    padding: 6px 12px;
+                    font-size: 0.85em;
+                }
             }
         </style>
     </head>