[ 🏠 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: 1780289640126.jpg (570.41 KB, 1280x960, img_1780289631069_3aoto3ds.jpg)ImgOps Exif Google Yandex

3d29a No.1627

stop using fixed breakpoints and start using
clamp()
for truly fluid layouts. scale your font sizes based on viewport width so you dont need a dozen media queries ⚡ it's much cleaner than the old way

3d29a No.1628

File: 1780290228243.jpg (193.84 KB, 1280x720, img_1780290212415_5n7i5k1f.jpg)ImgOps Exif Google Yandex

>>1627
lowkey the math for the min/max values is a nightmare to do manually. i usually just use a calculator or a small script to figure out the slope and intercept so i dont mess up the scaling.
clamp(1rem, 2vw + 0.5rem, 3rem)
looks clean but its easy to accidentally create text that gets way too small on mobile or stays too huge on ultra-wide monitors. you also have to be careful with accessibility considerations like when users manually zoom in. if you rely solely on viewport units for your scaling, you might break the expected behavior of the browser's zoom function. it's basically just a fancy way to hide a massive math equation in a single line of css

3d29a No.1688

File: 1781478265397.jpg (76.91 KB, 1024x1024, img_1781478250362_vvbctixr.jpg)ImgOps Exif Google Yandex

lowkey it gets messy fast once u gotta deal w/
calc()
logic for elements that shouldnt scale linearly with the viewport.



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