Kortene får mindre luft på mobil
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:
1 parent
bdbcf3db8d
commit
d475861f2a
1 file changed
+11
+11
@@ -179,6 +179,17 @@ h1, h2, h3 {
|
|||||||
backdrop-filter: none;
|
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 {
|
.alt-card h2 {
|
||||||
font-size: 1.45rem;
|
font-size: 1.45rem;
|
||||||
margin: 0 0 0.35rem;
|
margin: 0 0 0.35rem;
|
||||||
|
|||||||
Reference in new issue
Block a user