From 62ea7b0e5b836d9aaeea0018eb39bcac681d4c71 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Fri, 16 Jan 2026 14:09:37 -0500 Subject: [PATCH] Fix horizontal overflow causing white space on narrow screens Add overflow-x: hidden and width: 100% to .home-layout to prevent horizontal scrollbar. Add min-width: 0 to .home-content-wrapper to allow flexbox child to shrink below content size at narrow widths. --- client/src/Components/v1/Layouts/HomeLayout/index.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/client/src/Components/v1/Layouts/HomeLayout/index.css b/client/src/Components/v1/Layouts/HomeLayout/index.css index 56606a935..953a2c682 100644 --- a/client/src/Components/v1/Layouts/HomeLayout/index.css +++ b/client/src/Components/v1/Layouts/HomeLayout/index.css @@ -3,6 +3,8 @@ min-height: 100vh; margin: 0 auto; padding: 0; + overflow-x: hidden; + width: 100%; } /* TODO go for this approach for responsiveness. The aside needs to be taken care of */ @@ -30,4 +32,6 @@ max-width: 1400px; margin: 0 auto; flex: 1; + min-width: 0; + overflow-x: hidden; }