fix responsive Description should be aligned to the center (#1379)

Author: codewithdhruba01

index.html

@@ -235,9 +235,9 @@ <h6 class="footer-heading">GET INVOLVED</h6>
                 </div>
             </div>
             <div class="footer-description">
-                <h5>We focus on quality content for the right people at the right time⏱. What we are trying to do is help you
+                <h5>We focus on quality content for the right people at the right time. What we are trying to do is help you
                     brand personal skills through GitHub readme.md, listing the best profiles, and giving you the opportunity to
-                    list your profile to the world 🌎.</h5>
+                    list your profile to the world.</h5>
                 <a href="https://stream.recodehive.com/github" class="footer-button">Explore</a>
             </div>
         </div>

styles/styles.css

@@ -677,7 +677,7 @@ body.dark-mode .navbar-link:hover {
 
 .footer-description {
   flex: 1 1 300px;
-  max-width: 300px;
+  max-width: 500px;
   margin-right: 30px;
 }
 
@@ -750,7 +750,7 @@ body.dark-mode .navbar-link:hover {
 }
 
 .footer-button:hover {
-  background-color: #333;
+  background-color: #1371af;
 }
 
 .footer-bottom {
@@ -834,7 +834,9 @@ body.dark-mode .footer-button:hover {
   }
 
   .footer-description {
-    margin-right: 0;
+    max-width: 600;
+    text-align: center;
+    margin: 0 auto;
   }
 }
 
@@ -1252,7 +1254,17 @@ body.dark-mode .side-icons a {
   }
 
   .footer-description {
-    max-width: 80%;
+    max-width: 600;
+    text-align: center;
+    margin: 0 auto;
+  }
+}
+
+@media (max-width: 1106px) {
+  .footer-description {
+    max-width: 600;
+    text-align: center;
+    margin: 0 auto;
   }
 }