diff --git a/packages/frontend/src/routes/+page.svelte b/packages/frontend/src/routes/+page.svelte
index ee1e98c..c6361b6 100644
--- a/packages/frontend/src/routes/+page.svelte
+++ b/packages/frontend/src/routes/+page.svelte
@@ -75,7 +75,7 @@ const { data } = $props();
       </p>
     </div>
 
-    <div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-lg mx-auto">
+    <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-lg mx-auto">
       {#each data.models as model}
         <Card
           class="p-0 group hover:shadow-2xl hover:shadow-primary/20 transition-all duration-300 hover:-translate-y-2 bg-gradient-to-br from-card to-card/50 border-primary/20"