From d475861f2a4bfe755df575e0ddb9e30f7ffe4939 Mon Sep 17 00:00:00 2001 From: Bendik Aagaard Lynghaug Date: Wed, 14 Oct 2026 23:48:57 +0200 Subject: [PATCH] =?UTF-8?q?Kortene=20f=C3=A5r=20mindre=20luft=20p=C3=A5=20?= =?UTF-8?q?mobil?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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) --- custom.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/custom.css b/custom.css index f2f4dcd..6416b63 100644 --- a/custom.css +++ b/custom.css @@ -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;