From 4fc99c717bae3d7868ac580e36b7a84e65cb8f29 Mon Sep 17 00:00:00 2001
From: ProgrammGamer <Linus.Games2008@gmail.com>
Date: Fri, 30 Jan 2026 18:44:10 +0100
Subject: [PATCH] card adustment

---
 assets/frontend.css | 23 ++++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/assets/frontend.css b/assets/frontend.css
index 04d0dd2..e54041e 100644
--- a/assets/frontend.css
+++ b/assets/frontend.css
@@ -108,17 +108,25 @@
 .kc-phase{margin:18px 0;padding:12px;border-radius:12px;background:#fbfffe;border:1px solid #e6f3ee;}
 .kc-result .kc-inner { max-width:1100px; margin:0 auto; padding:0 14px; box-sizing:border-box; }
 .kc-workshops-grid {
-    display: flex;
-    flex-wrap: wrap;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
     gap: 18px;
     margin-top: 12px;
     align-items: flex-start;
 }
 .kc-workshop-card {
-    flex: 1 1 340px;
-    max-width: 100%;
-    min-width: 260px;
     box-sizing: border-box;
+    min-width: 0;
+}
+@media (max-width: 1100px) {
+    .kc-workshops-grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+@media (max-width: 700px) {
+    .kc-workshops-grid {
+        grid-template-columns: 1fr;
+    }
 }
 .kc-workshop-card{background:#ffffff;border-radius:12px;overflow:hidden;border:1px solid #e9f4f0;box-shadow:0 2px 6px rgba(8,38,28,0.04);width:100%;}
 .kc-workshop-card .title{background:linear-gradient(90deg, rgba(45,166,106,0.04), rgba(13,89,71,0.02));display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:18px 12px;font-weight:800;color:#0d5947;font-size:1.06rem;letter-spacing:0.2px;border-bottom:1px solid rgba(229,244,240,0.8);gap:12px;}
@@ -137,10 +145,11 @@
     padding: 6px 8px;
     border-radius: 6px;
     background: transparent;
-    white-space: nowrap;
-    overflow-x: auto;
+    white-space: normal;
+    overflow: visible;
     max-width: 100%;
     display: block;
+    word-break: break-word;
 }
 .kc-participant.me {
     background: #fffbe6;