diff --git a/src/pages/index.astro b/src/pages/index.astro
index 8baffe3..253a7c1 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -50,7 +50,7 @@ for (const picture of pictures) {
 	  	/>
 	</head>
 	<body class="font-serif text-white bg-gradient-to-b from-[#060009] to-[#08000B] min-h-[100svh] py-6">
-		<main class="mx-auto max-w-4xl grid grid-cols-2 gap-x-3 gap-y-4">
+		<main class="mx-auto max-w-4xl grid md:grid-cols-2 px-2 gap-x-3 gap-y-4">
 			<div class="flex flex-col gap-y-4">
 				<section class="border border-[#1E1B22] rounded-3xl p-8 gap-y-3 flex flex-col">
 					<div class="flex justify-between">
