From d33804b135a46c4882a3a9be0f901a4669cf725a Mon Sep 17 00:00:00 2001
From: Ishan-Saini <ishansaini243@gmail.com>
Date: Thu, 1 Oct 2020 09:26:49 +0530
Subject: [PATCH] Add About section in mobile design and some positioning fixes

---
 src/components/Nav.svelte |  2 +-
 src/routes/index.svelte   | 41 ++++++++++++++++++++++++++++++++-------
 2 files changed, 35 insertions(+), 8 deletions(-)

diff --git a/src/components/Nav.svelte b/src/components/Nav.svelte
index 47b37a6..fc933e7 100644
--- a/src/components/Nav.svelte
+++ b/src/components/Nav.svelte
@@ -179,7 +179,7 @@
     margin: 0 auto;
   }
 
-  @media (max-width: 768px) {
+  @media (max-width:768px) {
     .nav-links {
       display: none;
     }
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 060fbd8..60fe691 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -110,33 +110,60 @@
 
 
   @media (max-width: 768px) {
+
+    .section-header{
+      height: 87vh;
+      position: relative;
+    }
+
     .logo-container {
       display: inline-block;
       max-width: 300px;
       width: 100%;
       height: 160px;
       left: 50%;
-      transform: translateX(-50%);
+      top: 17%;
+      transform: translate(-50%, -50%);
     }
 
     .logo-front > p{
       font-size: 1.1rem;
     }
 
-    .section-about{
-      display: none;
-    }
-
-
     #social {  
-      margin-top: 120px;
+      position: absolute;
+      bottom: 25%;
       display: grid;
       grid-template-columns: auto auto;
     }
 
+<<<<<<< HEAD
+=======
     #social > a{
       font-size: 1.1rem;
     }
+
+    .section-about{
+      height: 100vh;
+    }
+>>>>>>> 920c15c... Add About section in mobile design and some positioning fixes
+
+    .about-us{
+    width: 100%;
+    font-size: 1rem;
+    display: inline-block;
+    margin-top: 15vh;
+    }
+  
+    .about-us > p{
+    line-height: 1.5;
+    word-spacing: 2px;
+    }
+
+    .divider{
+    width: 130px;
+    }
+  
   }
 </style>