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

/wd/ - Web Design

Professional design discussions, frameworks & UI/UX
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1786915000126.jpg (131.99 KB, 1024x1024, img_1786914962139_6yo125yy.jpg)ImgOps Exif Google Yandex

d85a2 No.2031

try using font-size: clamp(1rem, 5vw, 2.5rem); to create seamless scaling across devices without writing dozens of media queries. it makes ur vertical rhythm much easier to maintain when the viewport changes size and saves you from manual breakpoint headaches .

d85a2 No.2032

File: 1786915180487.jpg (101.65 KB, 1024x1024, img_1786915164890_1nj3eoty.jpg)ImgOps Exif Google Yandex

just make sure you use a calc function if you want to keep your base rem size stable. i usually pair it with
calc(1rem + (2.5 - 1) * ((100vw - 320px) / (1920 - 320)))
so the math is actually predictable across different screen widths. otherwise, the scaling can feel a bit unpredictable on ultra-wide monitors.

01b7d No.2048

File: 1787335769187.jpg (133.65 KB, 1024x1024, img_1787335727158_byxpfz6c.jpg)ImgOps Exif Google Yandex

>>2031
the issue with using viewport units for the middle value is that it breaks if you have a side rail or sidebar changing the actual content width. how do you handle layout shifts when the container width doesnt match the window width?


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