karim/RAPPORT-WEBSITE
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(hosting): Plan-Karten nebeneinander (3 Spalten)

Browse Source 
Plan-Grid auf feste 3 Spalten + breitere wide-Card (1040px); unter 860px
gestapelt. Vorher klemmte das auto-fit-Grid in der 940px-Karte alle
Karten untereinander.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
karim
2026-05-30 17:13:02 +02:00
parent fbfc3dd4d5
commit fa84aea9ac
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/custom.css
+4 -2
View File
@@ -777,7 +777,7 @@ nav [class*="font-bold"] {
box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 10px 36px rgba(0,0,0,0.07); box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 10px 36px rgba(0,0,0,0.07);
} }
.dark .hosting-card { background: #211e1a; border-color: #2d2926; } .dark .hosting-card { background: #211e1a; border-color: #2d2926; }
.hosting-card.wide { max-width: 940px; } .hosting-card.wide { max-width: 1040px; }
.hosting-title { .hosting-title {
font-family: 'Playfair Display', Georgia, serif; font-family: 'Playfair Display', Georgia, serif;
@@ -822,7 +822,9 @@ nav [class*="font-bold"] {
.hosting-msg.err { background: #f8ece4; border: 1px solid #e0b896; color: #9a4a1e; } .hosting-msg.err { background: #f8ece4; border: 1px solid #e0b896; color: #9a4a1e; }
.hosting-msg.ok { background: #ecefe6; border: 1px solid #c2cdb0; color: #4a5a32; } .hosting-msg.ok { background: #ecefe6; border: 1px solid #c2cdb0; color: #4a5a32; }
.hosting-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; margin-top: 8px; } /* Pläne nebeneinander (3 Spalten) — erst auf schmalen Screens gestapelt. */
.hosting-plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 8px; }
@media (max-width: 860px) { .hosting-plans { grid-template-columns: 1fr; } }
.hosting-plan { .hosting-plan {
position: relative; display: flex; flex-direction: column; position: relative; display: flex; flex-direction: column;
background: var(--rapport-surface2); border: 1px solid var(--rapport-border); background: var(--rapport-surface2); border: 1px solid var(--rapport-border);