Kortene får mindre luft på mobil
claude-issue-bot.yml (push) Invalid workflow file
lint-and-reload / lint (push) Successful in 2s

Portal strammer inn padding på et kort under 40rem, men regelen her står
uten media query og dette arket lastes etter portalens - så kortene
beholdt skrivebordsluften på telefon. 1,8rem på hver side av en
360px-skjerm er en tiendedel av bredden gitt bort til ingenting.

Samme bruddpunkt som portal bruker, så de følger hverandre.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
blandClaude Opus 5 committed 2026-10-14 23:48:57 +02:00
1 parent bdbcf3db8d
commit d475861f2a
1 file changed
+11
+11
View File
@@ -179,6 +179,17 @@ h1, h2, h3 {
backdrop-filter: none;
}
/* Portal narrows a card's padding on a small screen; the rule above is
unconditional and this sheet loads after portal's, so without this the
desktop padding survived onto a phone - 1.8rem of margin either side of
a 360px screen, a tenth of the width given to nothing. Same breakpoint
portal uses, so the two stay in step. */
@media (width <= 40rem) {
.alt-card {
padding: 1.4rem 1.35rem 1.45rem;
}
}
.alt-card h2 {
font-size: 1.45rem;
margin: 0 0 0.35rem;