From d8a104472e44b22cd643bc720d57b47fb6e6bbf8 Mon Sep 17 00:00:00 2001
From: Hack2Health <hemashree21.msh@gmail.com>
Date: Thu, 30 May 2024 20:51:37 +0530
Subject: [PATCH] Updated Footer responsiveness

Signed-off-by: Hemashree M S <hemashree21.msh@gmail.com>
---
 frontend/src/pages/footer.css | 51 +++++++++++++++++++++++++++++------
 1 file changed, 43 insertions(+), 8 deletions(-)

diff --git a/frontend/src/pages/footer.css b/frontend/src/pages/footer.css
index d88e715..ffd40e2 100644
--- a/frontend/src/pages/footer.css
+++ b/frontend/src/pages/footer.css
@@ -18,18 +18,46 @@
   padding: 1rem;
 }
 
+.footer-text {
+  font-size: 10px;
+}
+
 .footer-flex-container {
   display: flex;
-  flex-direction: column;
-  gap: 1.25rem;
+  justify-content: space-evenly;
 }
 
-@media (min-width: 640px) {
+@media (min-width: 560px) {
   .footer-flex-container {
     flex-direction: row;
     justify-content: space-evenly;
     gap: 0;
   }
+
+  .footer-icons .icon {
+    cursor: pointer;
+    margin-right: 1rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 2rem !important;
+    height: 2rem !important;
+  }
+
+  .footer-text {
+    font-size: 2rem !important;
+  }
+
+  .footer-item.footer-copyright {
+    font-size: 2rem !important;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .footer-icons {
+    gap: 1rem !important;
+  }
 }
 
 .footer-item {
@@ -40,11 +68,11 @@
   text-align: left;
   font-weight: 600;
   color: black;
-  font-size: 2rem;
+  font-size: 1rem;
 }
 
 .footer-item .footer-text {
-  font-size: 2.5rem; 
+  font-size: 1rem; 
   font-weight: 600;
   color: black;
   margin: 1rem 0;
@@ -57,19 +85,26 @@
     justify-content: center;
     align-items: center;
   }
+
+  .footer-icons {
+    gap: 1rem !important;
+  }
 }
 
 .footer-icons {
   display: flex;
   align-items: center;
-  gap: 1rem;
+  gap: 0.5rem;
 }
 
 .footer-icons .icon {
   cursor: pointer;
   margin-right: 1rem;
-  width: 2rem;
-  height: 2rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 1.5rem;
+  height: 1.5rem;
 }
 
 .footer-icons .icon:last-child {