diff --git a/css/style.css b/css/style.css
index 16fbce3..fc1cf4f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1859,3 +1859,38 @@ ul li {
 input{
   color: white;
 }
+
+@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;
+    }
+    .flex-container .about{
+        width: 92%;
+        margin: 10px auto;
+        text-align: center;
+        line-height: 24px;
+        font-size: 20px;
+    }
+    .flex-container .links{
+      visibility: hidden;
+      display: none;
+      clear: both;
+      float: left;
+      margin: 10px auto 5px 20px;
+      width: 28%;
+    }
+    .flex-container .subscribe{
+        width: 92%;
+        margin: 10px auto;
+        text-align: center;
+        line-height: 24px;
+        font-size: 20px;
+    }
+}
\ 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">