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 |
+
}
|