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

fixes: #624
Signed-off-by: Siddarth Kumar <siddarthkay@gmail.com>

Author: siddarthkay

assets/scss/_footer_project.scss

@@ -11,6 +11,13 @@
   margin: -12px;
   font-family: $font-qanelas;
 
+  @media (min-width: 1920px) {
+    > * {
+      max-width: 1920px;
+      width: 100%;
+    }
+  }
+
   .d-header {
     height: 6rem;
     background-color: $white;

assets/scss/_styles_project.scss

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