Spaces:
Paused
Paused
Update app.py
Browse files
app.py
CHANGED
|
@@ -113,7 +113,7 @@ def catalog():
|
|
| 113 |
|
| 114 |
.catalog {
|
| 115 |
display: grid;
|
| 116 |
-
grid-template-columns: repeat(
|
| 117 |
gap: 20px;
|
| 118 |
padding: 20px;
|
| 119 |
}
|
|
@@ -150,10 +150,10 @@ def catalog():
|
|
| 150 |
border: 1px solid #eee;
|
| 151 |
}
|
| 152 |
|
| 153 |
-
/* Responsive adjustments */
|
| 154 |
@media (max-width: 600px) {
|
| 155 |
.catalog {
|
| 156 |
-
grid-template-columns: repeat(auto-fit, minmax(
|
| 157 |
}
|
| 158 |
}
|
| 159 |
</style>
|
|
|
|
| 113 |
|
| 114 |
.catalog {
|
| 115 |
display: grid;
|
| 116 |
+
grid-template-columns: repeat(3, minmax(0, 1fr)); /* Three columns on all screens */
|
| 117 |
gap: 20px;
|
| 118 |
padding: 20px;
|
| 119 |
}
|
|
|
|
| 150 |
border: 1px solid #eee;
|
| 151 |
}
|
| 152 |
|
| 153 |
+
/* Responsive adjustments (optional, for smaller screens if needed) */
|
| 154 |
@media (max-width: 600px) {
|
| 155 |
.catalog {
|
| 156 |
+
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); /* Adjust minmax for smaller items */
|
| 157 |
}
|
| 158 |
}
|
| 159 |
</style>
|