From f39582ebb0166276399659e99688bea9b39ce57f Mon Sep 17 00:00:00 2001
From: bytedream <me@bytedream.dev>
Date: Sun, 23 Nov 2025 13:08:08 +0100
Subject: [PATCH] update features layout

---
 src/pages/features.astro | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/pages/features.astro b/src/pages/features.astro
index 20f028f..f4d735d 100644
--- a/src/pages/features.astro
+++ b/src/pages/features.astro
@@ -87,11 +87,14 @@ sind aber weiterhin geschützt. Aktivieren kannst du den Modus mit <code>/pvp</c
 <WebsiteLayout title="Features">
   <div class="mx-4 my-6 sm:mx-12 sm:my-12 xl:mx-32 2xl:mx-64">
     <h1 class="text-3xl lg:text-5xl mb-16 text-center">Features</h1>
-    <div class="grid md:grid-cols-2 gap-y-8 md:gap-x-6 lg:gap-x-18 xl:gap-x-26 2xl:gap-x-36">
+    <div class="space-y-8 md:space-y-28">
       {
-        features.map((feature) => (
-          <>
-            <div>
+        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:list={{ 'md:flex-row': i % 2 == 0, 'md:flex-row-reverse': i % 2 != 0 }}
+          >
+            <div class="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) => (
@@ -99,10 +102,10 @@ sind aber weiterhin geschützt. Aktivieren kannst du den Modus mit <code>/pvp</c
                 ))}
               </ol>
             </div>
-            <div>
+            <div class="w-1/2">
               <ImageCarousel client:idle />
             </div>
-          </>
+          </div>
         ))
       }
     </div>