Merge pull request #98 from MichiganDataScienceTeam/redesign-home-screen

add support for phone
MichiganDataScienceTeam · Sep 15, 2024 · 483cb39 · 483cb39
2 parents 7269f8f + 02e30d2
commit 483cb39
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/styles/globals.css b/styles/globals.css
@@ -22,7 +22,15 @@
   margin-bottom: 6%;
   height: 90vh;
 }
-
+/* Media query for phones */
+@media (max-width: 500px) {
+  .hero {
+    padding-top: 25%;
+    padding-bottom: 40%;
+    margin-bottom: 20%;
+    height: 90vh;
+  }
+}
 .gradient-text {
   background: linear-gradient(
     90deg,