sizes

JSConfCL · Feb 27, 2024 · e83c724 · e83c724
1 parent 28a1728
commit e83c724
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -22,16 +22,16 @@ export default function Home() {
         <div className="absolute">
           <div className="flex h-screen w-screen items-center justify-center">
             <div className="absolute">
-              <div className="relative -z-30 mx-auto w-[400px] max-w-[90%] animate-gradient-svg from-mountain-primary to-mountain-secondary blur-sm md:w-[746px]">
+              <div className="relative -z-30 mx-auto w-[400px] max-w-[90%] animate-gradient-svg from-mountain-primary to-mountain-secondary blur-sm md:w-[746px] lg:w-[900px] xl:w-[1200px]">
                 <Mountain />
               </div>
-              <div className="absolute top-0 -z-20 mx-auto h-[300px] w-full max-w-[100%] bg-gradient-radial to-black to-95% md:h-[535px] md:w-[746px] lg:max-w-none"></div>
+              <div className="absolute top-0 -z-20 mx-auto h-[300px] w-full max-w-[100%] bg-gradient-radial to-black to-95% md:h-[535px] lg:h-auto md:w-[746px] lg:w-[900px] xl:w-[1200px] lg:h-full]"></div>
               <div
-                className="absolute top-0 -z-10 mx-auto h-[300px] w-full max-w-[100%] md:h-[535px] md:w-[746px] lg:max-w-none"
+                className="absolute top-0 -z-10 mx-auto h-[300px] w-full max-w-[100%] md:h-[535px] md:w-[746px] lg:w-[900px] xl:w-[1200px] lg:h-full"
                 id="home"
               ></div>
               <Particles id="home" />
-              <div className="absolute top-0 z-[-1] mx-auto h-[300px] w-full max-w-[100%] bg-[#090907] opacity-70 blur-2xl md:h-[535px] md:w-[746px] lg:max-w-none"></div>
+              <div className="absolute top-0 z-[-1] mx-auto h-[300px] w-full max-w-[100%] bg-[#090907] opacity-70 blur-2xl md:h-[535px] md:w-[746px] lg:w-[900px] xl:w-[1200px] lg:h-full"></div>
             </div>
           </div>
         </div>