Merge branch 'main' of https://git.7o9o.net/md.asif5/osaka

src/App.jsx

@@ -3,15 +3,13 @@ import Header from "./components/Header"
 import Footer from "./components/Footer"
 
 function App() {
-  return (
-    <div className="flex flex-col min-h-screen">
-      <Header />
-      <main className="flex flex-grow p-12 transition-color-mode bg-surface dark:bg-surface-dark">
-        <Outlet />
-      </main>
-      <Footer />
-    </div>
-  )
-}
+  return <div className="flex flex-col min-h-screen">
+    <Header />
+    <main className="flex flex-grow transition-color-mode md:p-7 2xl:p-12 bg-surface dark:bg-surface-dark">
+      <Outlet />
+    </main>
+    <Footer />
+  </div>
+} 
 
 export default App