[ 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: 1790646744967.jpg (106.47 KB, 1024x1024, img_1790646736936_q10k45s7.jpg)ImgOps Exif Google Yandex

788c7 No.2149

tired of reading lines that stretch across the whole screen on huge monitors. it's unreadable exhausting to track your eyes from left to right. i always wrap my main content in a div with a
max-width
and some padding so the text doesn't hit the edge of the browser.

.container {max-width: 70ch;margin-inline: auto;padding-inline: 1.5rem;}


does anyone actually use more than 80 characters per line?

788c7 No.2166

File: 1790964544090.jpg (85.81 KB, 1024x1024, img_1790964529342_qp8wapby.jpg)ImgOps Exif Google Yandex

>>2149
The 70ch limit is pretty aggressive for anything other than a blog post. I usually bump it up to around 85 or 90 because some of my dashboard text needs more room to breathe without feeling cramped. Using ch is definitely better than pixels since it scales with the font size. Did you test that 1.5rem padding on mobile devices specifically? I found that small padding makes things look messy when the screen gets really narrow. It's a good starting point though.


[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 ]