diff --git a/src/pages/index.astro b/src/pages/index.astro
index 57c9851..43b19ff 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -144,7 +144,7 @@ const cardData = [
                             >
                                 {
                                     cardData.map((card) => (
-                                        <div class="w-full h-[220px] sm:h-[273px] overflow-hidden rounded-[6px] border-0 shadow-none bg-transparent">
+                                        <div class="w-full max-w-[320px] h-[220px] sm:max-w-none sm:h-[273px] mx-auto overflow-hidden rounded-[6px] border-0 shadow-none bg-transparent">
                                             <a
                                                 class="group block h-full focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black/80"
                                                 href={card.href}