Update app.py
Browse files
app.py
CHANGED
|
@@ -32,18 +32,13 @@ body {
|
|
| 32 |
}
|
| 33 |
.voice-container {
|
| 34 |
display: grid;
|
| 35 |
-
grid-template-columns: repeat(
|
| 36 |
gap: 15px;
|
| 37 |
padding: 20px;
|
| 38 |
}
|
| 39 |
-
@media (min-width: 600px) {
|
| 40 |
-
.voice-container {
|
| 41 |
-
grid-template-columns: repeat(2, 1fr); /* Show 2 per row on mobile */
|
| 42 |
-
}
|
| 43 |
-
}
|
| 44 |
@media (min-width: 1024px) {
|
| 45 |
.voice-container {
|
| 46 |
-
grid-template-columns: repeat(3, 1fr); /*
|
| 47 |
}
|
| 48 |
}
|
| 49 |
.voice-box {
|
|
|
|
| 32 |
}
|
| 33 |
.voice-container {
|
| 34 |
display: grid;
|
| 35 |
+
grid-template-columns: repeat(2, 1fr); /* Default: 2 per row */
|
| 36 |
gap: 15px;
|
| 37 |
padding: 20px;
|
| 38 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 39 |
@media (min-width: 1024px) {
|
| 40 |
.voice-container {
|
| 41 |
+
grid-template-columns: repeat(3, 1fr); /* 3 per row on PC */
|
| 42 |
}
|
| 43 |
}
|
| 44 |
.voice-box {
|