chore: set max-width for large screens and fix margins

fixes: #624

Author: siddarthkay

assets/scss/_footer_project.scss

@@ -8,7 +8,8 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  margin: -12px;
+  margin-top: -12px;
+  margin-bottom: -12px;
   font-family: $font-qanelas;
 
   .d-header {

assets/scss/_styles_project.scss

@@ -783,6 +783,23 @@ html {
   scroll-behavior: smooth;
 }
 
+// Max-width constraint for large screens to prevent layout stretch
+$site-max-width: 1440px;
+
+.td-navbar {
+  > .container-fluid {
+    max-width: $site-max-width;
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+
+.container-fluid.td-outer {
+  max-width: $site-max-width;
+  margin-left: auto;
+  margin-right: auto;
+}
+
 h1, h2, h3, h4, h5, h6 {
   scroll-margin-top: 1rem;
 }