Reduce space use on mobile
Browse files- assets/styles.css +10 -1
assets/styles.css
CHANGED
|
@@ -164,4 +164,13 @@
|
|
| 164 |
.feature-card:hover .feature-icon {
|
| 165 |
transform: scale(1.1);
|
| 166 |
color: #2563eb;
|
| 167 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 164 |
.feature-card:hover .feature-icon {
|
| 165 |
transform: scale(1.1);
|
| 166 |
color: #2563eb;
|
| 167 |
+
}
|
| 168 |
+
|
| 169 |
+
@media only screen and (max-width: 600px) {
|
| 170 |
+
.feature-card p {grid-column: 1/3;}
|
| 171 |
+
.feature-card {
|
| 172 |
+
display: grid;
|
| 173 |
+
grid-template-columns: 1fr 2fr;
|
| 174 |
+
align-items: baseline;
|
| 175 |
+
}
|
| 176 |
+
}
|