[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/resp/ - Responsive Design

Mobile-first approaches & cross-device solutions
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1792192523161.jpg (131.64 KB, 1024x1024, img_1792192513883_j8ttlxwt.jpg)ImgOps Exif Google Yandex

c6a7e No.2234

i'm losing my mind with this line-height on mobile. i tried using a media query to tighten up the tracking for small screens so the text doesn't look like it's falling apart, but now the descenders are hitting the line below. it looks messy and totally unpolished. i even tried adjusting the letter-spacing via a clamp function but that just makes the kerning feel all wonky on larger tablets. it's fine unbearable when the rhythm is off like this.

@media (max-width: 480px) {p {letter-spacing: -0.02em;line-height: 1.2;}}


has anyone figured out a way to scale the tracking and line-height together without breaking the vertical rhythm?


[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]