From c778f4537191f6bfd2a4cf7c6b035419a159d7cb Mon Sep 17 00:00:00 2001 From: Junnygram Date: Sat, 4 Apr 2026 06:01:53 +0100 Subject: [PATCH 1/4] fix: resolve text truncation and optimize responsiveness on intermediate screens (#934) Signed-off-by: Junnygram --- assets/scss/_styles_project.scss | 23 ++++++++++++++--------- 1 file changed, 14 insertions(+), 9 deletions(-) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index b4d6e8851..6da2817b7 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -531,13 +531,14 @@ a:not([href]):not([class]):hover { -webkit-background-clip: text; animation: color-shift 8s linear infinite; + @media (max-width: 1200px) { + font-size: 4rem; + } + @media (max-width: 768px) { - font-size: 3.5rem; + font-size: 3rem; text-align: center; } - - // @media (max-width:1200px){ - // } } @keyframes color-shift { @@ -616,17 +617,21 @@ a:not([href]):not([class]):hover { text-align: right; h1.dashboard { - max-width: 40%; + max-width: 70%; text-align: left; - flex-shrink: 0; + flex-shrink: 0; + @media (max-width: 1200px) { + max-width: 60%; + } } - @media (max-width: 768px) { + @media (max-width: 1100px) { flex-wrap: wrap; justify-content: center; + text-align: center; h1.dashboard { - max-width: 100%; + max-width: 100% !important; text-align: center; } } @@ -651,7 +656,7 @@ a:not([href]):not([class]):hover { color: #EBC017; } - @media (max-width: 768px) { + @media (max-width: 1100px) { margin: 2rem 0 0 0; } } From ff05b09629f5c4391722e9f03960a7470a74357d Mon Sep 17 00:00:00 2001 From: Junnygram Date: Sat, 4 Apr 2026 22:08:23 +0100 Subject: [PATCH 2/4] fix: address review feedback - remove !important and revert 1100px breakpoints Signed-off-by: Junnygram --- assets/scss/_styles_project.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 6da2817b7..a19549bd4 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -625,13 +625,13 @@ a:not([href]):not([class]):hover { } } - @media (max-width: 1100px) { + @media (max-width: 768px) { flex-wrap: wrap; justify-content: center; text-align: center; h1.dashboard { - max-width: 100% !important; + max-width: 100%; text-align: center; } } @@ -656,7 +656,7 @@ a:not([href]):not([class]):hover { color: #EBC017; } - @media (max-width: 1100px) { + @media (max-width: 768px) { margin: 2rem 0 0 0; } } From 470c9567ac534cf96d173bde8228aeba1ad1c8ad Mon Sep 17 00:00:00 2001 From: Saurabh Singh Date: Mon, 6 Apr 2026 00:06:03 +0530 Subject: [PATCH 3/4] Update assets/scss/_styles_project.scss Signed-off-by: Saurabh Singh --- assets/scss/_styles_project.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index a19549bd4..e56261c7c 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -531,7 +531,7 @@ a:not([href]):not([class]):hover { -webkit-background-clip: text; animation: color-shift 8s linear infinite; - @media (max-width: 1200px) { + @media (max-width: 768px) { font-size: 4rem; } From d7f9c0f418a6a2230120af77f4786d5541947c83 Mon Sep 17 00:00:00 2001 From: Saurabh Singh Date: Mon, 6 Apr 2026 00:06:11 +0530 Subject: [PATCH 4/4] Update assets/scss/_styles_project.scss Signed-off-by: Saurabh Singh --- assets/scss/_styles_project.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index e56261c7c..7585108ac 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -620,7 +620,7 @@ a:not([href]):not([class]):hover { max-width: 70%; text-align: left; flex-shrink: 0; - @media (max-width: 1200px) { + @media (max-width: 768px) { max-width: 60%; } }