diff --git a/pages/index.vue b/pages/index.vue
index befefd5..64ee622 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -49,7 +49,7 @@
       <!-- Today's Sermon -->
       <div v-if="todaysSermon">
         <h2 class="text-2xl font-semibold text-gray-900 mb-6">Today's Sermon</h2>
-        <div class="max-w-md mx-auto">
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
           <SermonCard :sermon="todaysSermon" />
         </div>
       </div>