Fix user dashboard

Author: thinkverse

src/tailwindcss-stubs/resources/views/home.blade.php

@@ -1,27 +1,27 @@
 @extends('layouts.app')
 
 @section('content')
-    <div class="flex items-center">
-        <div class="md:w-1/2 md:mx-auto">
+<main class="sm:container sm:mx-auto sm:mt-10">
+    <div class="w-full sm:px-6">
 
-            @if (session('status'))
-                <div class="text-sm border border-t-8 rounded text-green-700 border-green-600 bg-green-100 px-3 py-4 mb-4" role="alert">
-                    {{ session('status') }}
-                </div>
-            @endif
+        @if (session('status'))
+            <div class="text-sm border border-t-8 rounded text-green-700 border-green-600 bg-green-100 px-3 py-4 mb-4" role="alert">
+                {{ session('status') }}
+            </div>
+        @endif
 
-            <div class="flex flex-col break-words bg-white border border-2 rounded shadow-md">
+        <section class="flex flex-col break-words bg-white sm:border-1 sm:rounded-md sm:shadow-sm sm:shadow-lg">
 
-                <div class="font-semibold bg-gray-200 text-gray-700 py-3 px-6 mb-0">
-                    Dashboard
-                </div>
+            <header class="font-semibold bg-gray-200 text-gray-700 py-5 px-6 sm:py-6 sm:px-8 sm:rounded-t-md">
+                Dashboard
+            </header>
 
-                <div class="w-full p-6">
-                    <p class="text-gray-700">
-                        You are logged in!
-                    </p>
-                </div>
+            <div class="w-full p-6">
+                <p class="text-gray-700">
+                    You are logged in!
+                </p>
             </div>
-        </div>
+        </section>
     </div>
+</main>
 @endsection