diff --git a/resources/views/user/index.blade.php b/resources/views/user/index.blade.php
index 1dc7b2e..68b526e 100644
--- a/resources/views/user/index.blade.php
+++ b/resources/views/user/index.blade.php
@@ -24,7 +24,7 @@
     </x-section-heading>
 
     @if ($user->characters->count())
-    <div class="grid grid-cols-4 gap-4">
+    <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-4">
         @foreach($user->characters as $character)
         <x-character-card :character="$character" destroy="{{ route('character.destroy', [ 'character' => $character->slug ])}}"/>
         @endforeach