From a3876f87ea09e8a563cfa28fe11ebb8e1c729cd1 Mon Sep 17 00:00:00 2001
From: Ramanpreet Singh <ramanpreet6262@gmail.com>
Date: Tue, 28 Aug 2018 20:37:31 +0530
Subject: [PATCH 1/3] responsive and typo changes

---
 css/style.css | 15 +++++++++++++++
 index.html    |  4 ++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/css/style.css b/css/style.css
index 16fbce3..e3cf114 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1859,3 +1859,18 @@ ul li {
 input{
   color: white;
 }
+
+@media ( max-width :377px){
+    #footer .flex-container .subscribe .submit{
+        width: 75%;
+    }
+}
+/* width of submit button increased to make it responsive*/
+@media ( max-width :377px){
+    #footer .flex-container .about p{
+        font-size: 12px;
+        text-align: left;
+        color: #828282;
+    }
+}
+/* font size reduced of <p> tag of about section of footer to make it responsive*/
\ No newline at end of file
diff --git a/index.html b/index.html
index f33308c..1d9b396 100644
--- a/index.html
+++ b/index.html
@@ -258,7 +258,7 @@ <h3>Certificate Generator</h3>
         </div>
         <div id="more">
             <transition name="fade">
-                <a href="Projects.html" class="more">More Projects...</p>
+                <a href="Projects.html" class="more">More Projects...</a>
             </transition>
         </div>
     </div>
@@ -341,7 +341,7 @@ <h2>Donate Us to grow more</h2>
         </div>
     </div>
 </div>
-</div>
+
 
 <!--Footer-->
 <div id="footer">

From a6a947929fce910129dd5bdcadc7baeb367c5b47 Mon Sep 17 00:00:00 2001
From: Ramanpreet Singh <ramanpreet6262@gmail.com>
Date: Wed, 29 Aug 2018 18:00:33 +0530
Subject: [PATCH 2/3] made footer responsive with column layout

---
 css/style.css | 42 ++++++++++++++++++++++++++++++------------
 1 file changed, 30 insertions(+), 12 deletions(-)

diff --git a/css/style.css b/css/style.css
index e3cf114..37bc84c 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1860,17 +1860,35 @@ input{
   color: white;
 }
 
-@media ( max-width :377px){
-    #footer .flex-container .subscribe .submit{
-        width: 75%;
+@media ( max-width : 420px){
+    .flex-container{
+        display: flex;
+        flex-direction: column;
+        flex-wrap: wrap;
+        width: 92%;
+        margin-left: auto;
+        margin-right: auto;
+        padding-top: 40px;
+        padding-bottom: 10px;
     }
-}
-/* width of submit button increased to make it responsive*/
-@media ( max-width :377px){
-    #footer .flex-container .about p{
-        font-size: 12px;
-        text-align: left;
-        color: #828282;
+    .flex-container .about{
+        width: 92%;
+        margin: 10px auto;
+        text-align: center;
+        line-height: 24px;
+        font-size: 20px;
     }
-}
-/* font size reduced of <p> tag of about section of footer to make it responsive*/
\ No newline at end of file
+    .flex-container .links{
+        width: 92%;
+        margin: 10px auto;
+        line-height: 24px;
+        font-size: 20px;
+    }
+    .flex-container .subscribe{
+        width: 92%;
+        margin: 10px auto;
+        text-align: center;
+        line-height: 24px;
+        font-size: 20px;
+    }
+}
\ No newline at end of file

From f2e76a0963e39d89bb1a01770ab60047f0d46932 Mon Sep 17 00:00:00 2001
From: Ramanpreet Singh <ramanpreet6262@gmail.com>
Date: Fri, 31 Aug 2018 19:25:59 +0530
Subject: [PATCH 3/3] removed links from footer for mobile view

---
 css/style.css | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/css/style.css b/css/style.css
index 37bc84c..fc1cf4f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1879,10 +1879,12 @@ input{
         font-size: 20px;
     }
     .flex-container .links{
-        width: 92%;
-        margin: 10px auto;
-        line-height: 24px;
-        font-size: 20px;
+      visibility: hidden;
+      display: none;
+      clear: both;
+      float: left;
+      margin: 10px auto 5px 20px;
+      width: 28%;
     }
     .flex-container .subscribe{
         width: 92%;