add support for phone

MichiganDataScienceTeam · Sep 15, 2024 · 02e30d2 · 02e30d2
1 parent 6913802
commit 02e30d2
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,