коррекция верстки для мобильной версии

app/Modules/Docs/Routes/web.php

@@ -6,7 +6,7 @@
 Route::middleware(['auth'])->group(function ()
 {
 
-    Route::get('/doc', [DocsController::class, 'index'])->name('docs.index');
+    Route::get('/docs', [DocsController::class, 'index'])->name('docs.index');
     Route::get('/docs/{document}/download', [DocsController::class, 'download'])->name('docs.download');
 
 });

app/Modules/Docs/Views/components/document.blade.php

@@ -1,5 +1,5 @@
 <div class="document-card d-flex border border-1 rounded-3 overflow-hidden">
-    <div class="p-2 w-100 p-2">
+    <div class="p-2 w-100 p-2 bg-light">
         <h4>{{ $document->name }}</h4>
         <div class="fw-semibold">
             {{ $document->description }}

app/Modules/Docs/Views/index.blade.php

@@ -3,8 +3,10 @@
 @section('content')
     <div class="row g-2">
         @foreach ($docs as $document)
-            <div class="col-6">
-                <div class="p-3"><x-document id="{{ $document->id }}" /></div>
+            <div class="col-12 col-md-6 col-xxl-4">
+                <div class="">
+                    <x-document id="{{ $document->id }}" />
+                </div>
             </div>
         @endforeach
     </div>