Updated Footer responsiveness

Signed-off-by: Hemashree M S <[email protected]>
AbhiDiva96 · May 30, 2024 · d8a1044 · d8a1044
1 parent be76986
commit d8a1044
Showing 1 changed file with 43 additions and 8 deletions.
diff --git 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 {