diff --git a/src/pages/features.astro b/src/pages/features.astro
index f4d735d..606c2d3 100644
--- a/src/pages/features.astro
+++ b/src/pages/features.astro
@@ -91,10 +91,10 @@ sind aber weiterhin geschützt. Aktivieren kannst du den Modus mit <code>/pvp</c
       {
         features.map((feature, i) => (
           <div
-            class="flex flex-col md:gap-x-6 lg:gap-x-18 xl:gap-x-26 2xl:gap-x-36"
+            class="flex flex-col gap-y-3 sm:gap-y-6 md:gap-x-6 lg:gap-x-18 xl:gap-x-26 2xl:gap-x-36"
             class:list={{ 'md:flex-row': i % 2 == 0, 'md:flex-row-reverse': i % 2 != 0 }}
           >
-            <div class="w-1/2">
+            <div class="md:w-1/2">
               <h3 class="text-xl mb-4 underline">{feature.name}</h3>
               <ol class="list-disc space-y-2 ml-3">
                 {feature.details.map((detail) => (
@@ -102,7 +102,7 @@ sind aber weiterhin geschützt. Aktivieren kannst du den Modus mit <code>/pvp</c
                 ))}
               </ol>
             </div>
-            <div class="w-1/2">
+            <div class="md:w-1/2">
               <ImageCarousel client:idle />
             </div>
           </div>