diff --git a/client/src/Style/footer.css b/client/src/Style/footer.css
index 2192ea6..13e8c76 100644
--- a/client/src/Style/footer.css
+++ b/client/src/Style/footer.css
@@ -1,23 +1,35 @@
 .footer {
   background-color: #0f0f1a;
   color: #ffffff;
-  padding: 4rem 2rem 2rem;
+  padding: 4rem 0 2rem;
   margin-top: 6rem;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
+  width: 100vw;
+  position: relative;
+  left: 50%;
+  right: 50%;
+  margin-left: -50vw;
+  margin-right: -50vw;
 }
 
 .footer-container {
-  max-width: 1200px;
+  max-width: 1400px;
   margin: auto;
+  padding: 0 2rem;
 }
 
 .footer-content {
   display: flex;
-  justify-content: space-between;
-  gap: 4rem;
-  flex-wrap: wrap;
+  align-items: flex-start;
+  gap: 2rem;
 }
 
+.footer-section:nth-child(1) { flex: 0 0 30%; }
+.footer-section:nth-child(2) { flex: 0 0 15%; }
+.footer-section:nth-child(3) { flex: 0 0 15%; }
+.footer-section:nth-child(4) { flex: 0 0 20%; }
+.footer-section:nth-child(5) { flex: 0 0 15%; }
+
 .footer-section h4 {
   color: #3b82f6;
   margin-bottom: 1.2rem;
@@ -69,4 +81,20 @@
 .contact-list li svg {
   color: #3b82f6;
   font-size: 0.95rem;
-}
\ No newline at end of file
+}
+
+.contact-list span {
+  word-break: break-word;
+}
+
+.brand-tagline {
+  font-size: 0.95rem;
+  line-height: 1.6;
+  color: #a0a0a0;
+}
+
+@media (max-width: 992px) {
+  .footer-content {
+    grid-template-columns: 1fr;
+  }
+}
diff --git a/client/src/components/Footer.jsx b/client/src/components/Footer.jsx
index 61aceee..159fd89 100644
--- a/client/src/components/Footer.jsx
+++ b/client/src/components/Footer.jsx
@@ -11,6 +11,18 @@ const Footer = () => {
     <footer className="footer animate-on-scroll">
       <div className="footer-container">
         <div className="footer-content">
+          {/* Brand Section */}
+          {/* Brand Section */}
+          <div className="footer-section">
+            <h4>JustCoding</h4>
+            <ul>
+              <li className="brand-tagline">
+                Learn. Build. Innovate. Empowering developers through hands-on coding
+                challenges and real-world practice.
+              </li>
+            </ul>
+          </div>
+
           {/* Quick Links */}
           <div className="footer-section">
             <h4>Quick Links</h4>