From ca41ff55b09142a87e35aed0b3fc40dfaf8b40e8 Mon Sep 17 00:00:00 2001
From: Tejas Panchal <tejaspanchal127@gmail.com>
Date: Mon, 23 Feb 2026 01:03:21 +0530
Subject: [PATCH] barn doors

---
 src/App.jsx                                  | 2 +-
 src/components/splashscreen/SplashScreen.css | 2 --
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index e385f28..de5c9c1 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -37,7 +37,7 @@ function App() {
   return (
     <HelmetProvider>
       <HomeInfoProvider>
-        <div className="app-container px-4 lg:px-10 flex flex-col min-h-screen">
+        <div className={`app-container ${isSplashScreen ? "" : "px-4 lg:px-10"} flex flex-col min-h-screen`}>
           <main className="content max-w-[2048px] mx-auto w-full flex-grow flex flex-col">
             {!isSplashScreen && <Navbar />}
             <div className="flex-grow">
diff --git a/src/components/splashscreen/SplashScreen.css b/src/components/splashscreen/SplashScreen.css
index bc301d4..98c2856 100644
--- a/src/components/splashscreen/SplashScreen.css
+++ b/src/components/splashscreen/SplashScreen.css
@@ -34,14 +34,12 @@ html {
 
 @media (max-width: 768px) {
   .splash-container {
-    background-size: auto 100vh;
     background-position: center center;
   }
 }
 
 @media (max-width: 480px) {
   .splash-container {
-    background-size: auto 100%;
     padding: 0 15px;
   }
 }