basic mobile layout

EthanBonsignori · Jun 15, 2024 · 9e8f190 · 9e8f190
1 parent bf5ff05
commit 9e8f190
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/client/src/index.css b/client/src/index.css
@@ -46,3 +46,28 @@ body {
   margin-top: 15px;
   margin-bottom: 20px;
 }
+
+@media (max-width: 848px) {
+  .hero-section {
+    margin-top: 10px;
+    flex-direction: column;
+  }
+
+  .hero-text {
+    width: 100%;
+    text-align: center;
+  }
+
+  .hero-section img {
+    width: 100%;
+    height: 300px;
+  }
+
+  .hero-text h2 {
+    font-size: 2rem;
+  }
+
+  .hero-text p {
+    font-size: 1rem;
+  }
+}