linus/Workshop-Wahlen
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Activity

Frontend: Dynamische Workshop-Karten pro Zeile responsive minmax (2402201901601fr) und angepasste Gaps für sauberes Layout.
All checks were successful
Deploy Workshop-Wahlen (DEV / PROD) / deploy (push) Successful in 13s
Details

Browse Source
This commit is contained in:
ProgrammGamer
2026-01-30 21:17:45 +01:00
parent 824a49abcf
commit 9911947c3a
1 changed files with 19 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
assets/frontend.css
View File

@@ -111,11 +111,25 @@
.kc-phase{margin:18px 0;padding:12px;border-radius:12px;background:#fbfffe;border:1px solid #e6f3ee;} .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-result .kc-inner { max-width:1100px; margin:0 auto; padding:0 14px; box-sizing:border-box; }
.kc-workshops-grid { .kc-workshops-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 14px; gap: 16px;
margin-top: 12px; margin-top: 12px;
align-items: start; align-items: start;
}
/* Responsive tuning: adapt card count per row */
@media (max-width: 1024px) {
.kc-workshops-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
}
@media (max-width: 768px) {
.kc-workshops-grid { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
}
@media (max-width: 560px) {
.kc-workshops-grid { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; }
}
@media (max-width: 420px) {
.kc-workshops-grid { grid-template-columns: 1fr; gap: 8px; }
} }
.kc-workshop-card { .kc-workshop-card {
box-sizing: border-box; box-sizing: border-box;