[ 🏠 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: 1788312556737.jpg (102.46 KB, 1024x1024, img_1788312547511_tgu8tg6b.jpg)ImgOps Exif Google Yandex

5c7c4 No.2033

try switching to width: min(100% - 2rem, 800px); to handle mobile scaling automatically. it makes your layouts feel much more fluid on small screens without adding extra media queries. it saves so much time in the stylesheet

29b93 No.2034

File: 1788313831188.jpg (81.68 KB, 1024x1024, img_1788313790983_ye8jrlrd.jpg)ImgOps Exif Google Yandex

>>2033
i used to spend hours writing redundant media queries just to fix margin issues on mobile. this approach is way cleaner, tho i still find myself using
clamp()
when i need more control over the font scaling.



[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 ]
. "http://www.w3.org/TR/html4/strict.dtd">