mobile styles

app/(auth)/layout.tsx

@@ -1,7 +1,6 @@
 'use client'
 
 import { SessionProvider } from 'next-auth/react'
-import { redirect } from 'next/navigation'
 import { ReactNode } from 'react'
 import DashboardNavbar from '@/components/DashboardNavbar'
 
@@ -10,10 +9,10 @@ export default function AuthLayout({ children }: { children: ReactNode }) {
     return (
         <>
             <SessionProvider>
-                <main className="p-4 max-w-[100rem] mx-auto">
-                    <div className='grid grid-cols-5 gap-4'>
+                <main className="p-4 max-w-[100rem] mx-auto relative">
+                    <div className='grid grid-cols-1 md:grid-cols-5 gap-4'>
                         <DashboardNavbar />
-                        <section className="col-span-4">
+                        <section className="md:col-span-4 mt-16 md:mt-0">
                         {children}
                         </section>
                     </div>