Responsive xl und 2xl Tailwindcss in Chrome Emulator Einstellung Mobile

pages/_app.js

@@ -42,12 +42,7 @@ function MyApp({ Component, pageProps }) {
         <Header />
         <div className="flex flex-grow w-full">
           <Navigation className="w-1/5" />
-          <main
-            className="flex flex-col 
-               w-full sm:w-3/4 md:w-2/3 lg:w-1/2 xl:w-full 
-               h-auto sm:h-[300px] md:h-[350px] lg:h-[400px] xl:h-[75%]
-               p-1"
-          >
+          <main className="w-full">
             {sessionExpired && (
               <div className="bg-red-500 text-white p-4 text-center">
                 Ihre Sitzung ist abgelaufen oder die Verbindung ist