From 3c3cd131f32c91ba5781d267ee7ef40cdfe47d31 Mon Sep 17 00:00:00 2001
From: m <paragraphenreiter@gmail.com>
Date: Wed, 1 Apr 2026 12:23:32 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20ichbinotto.de=20cards=20=E2=80=94=203=20?=
 =?UTF-8?q?columns=20centered,=20max-width=20constrained?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Cards were stretching full width with 4 columns (4+2 asymmetric).
Now 3 columns (2x3 grid), centered with 640px max-width.
---
 sites/ichbinotto.de/index.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/sites/ichbinotto.de/index.html b/sites/ichbinotto.de/index.html
index 8a4686b..6b85368 100644
--- a/sites/ichbinotto.de/index.html
+++ b/sites/ichbinotto.de/index.html
@@ -122,9 +122,12 @@
     /* Tentacles = capabilities */
     .tentacles {
       display: grid;
-      grid-template-columns: repeat(4, 1fr);
-      gap: 12px;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 14px;
       margin-top: 56px;
+      max-width: 640px;
+      margin-left: auto;
+      margin-right: auto;
     }
 
     .tentacle {
@@ -271,7 +274,7 @@
     footer .otto { color: var(--octopus); }
 
     @media (max-width: 640px) {
-      .tentacles { grid-template-columns: repeat(2, 1fr); }
+      .tentacles { grid-template-columns: repeat(2, 1fr); max-width: 100%; }
       .stats { grid-template-columns: repeat(2, 1fr); gap: 24px; }
       section { padding: 64px 0; }
     }