section valued changed .

Author: CoreJavaPulse

css/style.css

@@ -10,14 +10,13 @@
 
 html {
     scroll-behavior: smooth;
-    overflow-x: hidden;
+    overflow-x: clip;
 }
 
 html,
 body {
     width: 100%;
     max-width: 100%;
-    overflow-x: hidden;
 }
 
 body {
@@ -26,10 +25,7 @@ body {
     color: #334155;
     background: #f8fafc;
 }
-main {
-    max-width: 1400px;
-    margin: 0 auto;
-}
+
 body.menu-open {
     position: fixed;
     width: 100%;
@@ -38,13 +34,10 @@ body.menu-open {
 }
 
 section,
+header,
 footer {
-    width: 100%;
-    max-width: 1400px;
-    margin: 72px 30px;
-    padding: 40px 50%;
-    overflow: visible; 
-    box-sizing: border-box;
+    max-width: 100vw;
+    overflow-x: hidden;
 }
 
 section[id],
@@ -77,7 +70,7 @@ img {
 .navbar {
     max-width: 100%;
     margin: 0 auto;
-    padding: 0 5% 0 5%;
+    padding: 0 10%;
     height: 72px;
     display: flex;
     align-items: center;
@@ -215,7 +208,7 @@ img {
     background: linear-gradient(135deg, #0f172a, #0dcaf0);
     color: #ffffff;
     text-align: center;
-    padding: 40px 5%;
+    padding: 20px 24px;
     position: relative;
     overflow: hidden;
 }
@@ -450,8 +443,8 @@ img {
 
 section {
     max-width: 1500px;
-    margin: 72px 45px;
-    padding: 40px 5%;
+    margin: 72px 40px;
+    padding: 30px;
     border-radius: 12px;
 }
 
@@ -627,7 +620,7 @@ footer {
 @media (max-width: 768px) {
 
     .navbar {
-        padding: 0 4%;
+        padding: 0 10px;
     }
 
     .hamburger {
@@ -669,23 +662,17 @@ footer {
     }
 
     section {
-        margin: 72px 45px;
-        padding: 32px 6%;
+        margin: 40px 40px;
+        padding: 24px;
     }
 
     .site-header {
-       margin: 40px 4%;
-        padding: 32px 6%;
+        padding-left: 16px;
+        padding-right: 16px;
     }
 }
 
 @media (max-width: 640px) {
-
-    .site-header {
-        margin: 32px 2%;
-        padding: 24px 4%;
-    }
-
     .services-grid {
         grid-template-columns: 1fr;
     }