From 92a4363bbdd15f8c0192c7d97c5410ef2a6a4bca Mon Sep 17 00:00:00 2001 From: Siddarth Kumar Date: Fri, 6 Mar 2026 08:06:16 +0530 Subject: [PATCH] chore: set max-width for large screens and fix margins fixes: https://github.com/layer5io/docs/issues/624 Signed-off-by: Siddarth Kumar --- assets/scss/_footer_project.scss | 3 ++- assets/scss/_styles_project.scss | 17 +++++++++++++++++ 2 files changed, 19 insertions(+), 1 deletion(-) diff --git a/assets/scss/_footer_project.scss b/assets/scss/_footer_project.scss index 07aef57fa..0a687ed96 100644 --- a/assets/scss/_footer_project.scss +++ b/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 { diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 66f9ef482..8f7fc5422 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -768,6 +768,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; }