m/onepager
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: ichbinotto.de cards — 3 columns centered, max-width constrained

Browse Source 
Cards were stretching full width with 4 columns (4+2 asymmetric).
Now 3 columns (2x3 grid), centered with 640px max-width.
This commit is contained in:
m
2026-04-01 12:23:32 +02:00
parent 27c0b4b237
commit 3c3cd131f3
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
sites/ichbinotto.de/index.html
View File

@@ -122,9 +122,12 @@
/* Tentacles = capabilities */ /* Tentacles = capabilities */
.tentacles { .tentacles {
display: grid; display: grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(3, 1fr);
gap: 12px; gap: 14px;
margin-top: 56px; margin-top: 56px;
max-width: 640px;
margin-left: auto;
margin-right: auto;
} }
.tentacle { .tentacle {
@@ -271,7 +274,7 @@
footer .otto { color: var(--octopus); } footer .otto { color: var(--octopus); }
@media (max-width: 640px) { @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; } .stats { grid-template-columns: repeat(2, 1fr); gap: 24px; }
section { padding: 64px 0; } section { padding: 64px 0; }
} }