Apply CSS only to non-mobile devices

alexjdean · Jul 9, 2024 · 1915a2d · 1915a2d
1 parent 5ac421a
commit 1915a2d
Showing 1 changed file with 17 additions and 15 deletions.
diff --git a/styles/index.css b/styles/index.css
@@ -1,18 +1,20 @@
-.front-page {
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    -webkit-transform: translate(-50%, -50%);
-    transform: translate(-50%, -50%);
-    line-height: 25px;
-    display: flex;
-}
+@media screen and (min-width: 640px) {
+    .front-page {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        -webkit-transform: translate(-50%, -50%);
+        transform: translate(-50%, -50%);
+        line-height: 25px;
+        display: flex;
+    }
 
-.page-description {
-    flex: 5;
-}
+    .page-description {
+        flex: 5;
+    }
 
-.page-navigation {
-    padding-top: 2.5%;
-    flex: 1;
+    .page-navigation {
+        padding-top: 2.5%;
+        flex: 1;
+    }
 }