From 81a3c553f4aebaa3537083738bd76c8cab05c221 Mon Sep 17 00:00:00 2001
From: Samriddhi1102022 <tiwarisamriddhi1@gmail.com>
Date: Mon, 24 Jun 2024 13:33:21 +0530
Subject: [PATCH] responsive footer design modified

---
 index.html        |  1 +
 styles/footer.css | 12 ++++++++++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 65d5338..6eacccd 100644
--- a/index.html
+++ b/index.html
@@ -344,6 +344,7 @@ <h1>Meet the Developers</h1>
       </div>
     </div>
   </footer>
+  <!-- Footer end -->
 
   <!-- <script src="typing.js"></script> -->
   <script src="js/paragraphs.js"></script>
diff --git a/styles/footer.css b/styles/footer.css
index 4272cd8..d9bce8a 100644
--- a/styles/footer.css
+++ b/styles/footer.css
@@ -1,7 +1,7 @@
 @import url('variables.css');
 
 .footer-container {
-    margin: 1rem 5rem;
+    margin: 3rem 5rem 0 5rem;
     -webkit-user-select: none;
     user-select: none;
     display: grid;
@@ -46,7 +46,6 @@
 }
 .footer-icons:hover{
     color: var(--hover);
-    font-weight: 600;
 }
 .footer-content {
     display: inline;
@@ -56,6 +55,15 @@
     .footer-container{
         margin: 1rem 2rem;
         font-size: small;
+        grid-template-columns: 100%;
+        gap: 1rem;
+    }
+    .footer-container-left {
+        width: 100%;
+        justify-content: center;
+    }
+    .footer-item {
+        flex: none;
     }
 }