From 7f624cb58adeab6d65a03fae9fc715a3a430e045 Mon Sep 17 00:00:00 2001
From: Franklin Barto <kipkalisbartoo@gmail.com>
Date: Mon, 12 Feb 2024 13:18:58 +0300
Subject: [PATCH] mobile responsiveness addd

---
 src/app/page.module.scss | 40 +++++++++++++++++++++++++++++++++-------
 1 file changed, 33 insertions(+), 7 deletions(-)

diff --git a/src/app/page.module.scss b/src/app/page.module.scss
index 34bd5f8..4f74de8 100644
--- a/src/app/page.module.scss
+++ b/src/app/page.module.scss
@@ -155,18 +155,44 @@
     transform: none;
   }
 }
+@media (max-width: 640px) {
+  // Hide one item on the nav links to stop overlapping text
+  nav {
+    .links {
+      a:nth-child(1){
+        display: none;
+      }
+    }
+  }
+}
 
 /* Mobile */
-@media (max-width: 700px) {
+@media (max-width: 820px) {
   .content {
     padding: 4rem;
   }
-
-  .grid {
-    grid-template-columns: 1fr;
-    margin-bottom: 120px;
-    max-width: 320px;
-    text-align: center;
+  .main{
+    .hero {
+      padding-top: 15vh;
+      h1 {
+        color: white;
+        font-size: 4rem;
+      }
+      p {
+        width: 70vw;
+      }
+      a {
+        padding: 10px 20px;
+        margin: 20px auto;
+      }
+    }
+    .grid {
+      grid-template-columns: 1fr;
+      margin-bottom: 120px;
+      max-width: 320px;
+      text-align: center;
+      margin-top: 10vh;
+    } 
   }
 
   .card {