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 1/2] 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>
 

From 81a3234032b2644d62ba781e3d7dca8abd613720 Mon Sep 17 00:00:00 2001
From: Ishan <ishansaini243@gmail.com>
Date: Thu, 1 Oct 2020 09:39:22 +0530
Subject: [PATCH 2/2] Update index.svelte

---
 src/routes/index.svelte | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 60fe691..ee7eb05 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -137,8 +137,6 @@
       grid-template-columns: auto auto;
     }
 
-<<<<<<< HEAD
-=======
     #social > a{
       font-size: 1.1rem;
     }
@@ -146,7 +144,6 @@
     .section-about{
       height: 100vh;
     }
->>>>>>> 920c15c... Add About section in mobile design and some positioning fixes
 
     .about-us{
     width: 100%;