Footer issue

khushi-joshi-05 · Aug 12, 2024 · 0a14b7b · 0a14b7b
1 parent e5ddf76
commit 0a14b7b
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/Css-files/footer.css b/Css-files/footer.css
@@ -51,11 +51,13 @@ footer {
 }
 
 .footer-content {
-  text-align: start;
+  width: 100%;
+  max-width: 1200px; /* Control max width */
+  margin: 0 auto; /* Center the footer content */
   display: flex;
   flex-direction: column;
-  align-items: start;
-  padding-left: 1rem;
+  align-items: center; /* Center children horizontally */
+  justify-content: center;
 }
 
 .foot-panel1 .nav-link {
@@ -160,8 +162,10 @@ footer {
 
 .follow-us {
   font-size: 1.5rem;
-  margin: 0 45.5%;
-  margin-bottom: 20px;
+  margin: 0; /* Adjusted margin */
+  padding: 0 15px; /* Optional padding */
+  text-align: center; /* Center the text */
+  white-space: nowrap; /* Prevent text from breaking into a new line */
   transition: color 0.3s ease;
 }