[ 🏠 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: 1783867799406.jpg (307.24 KB, 1024x1024, img_1783867790030_yaw94n35.jpg)ImgOps Exif Google Yandex

ac0d1 No.1809

we are moving way too far away from fixed breakpoints and towards a more fluid typography approach. relying on specific
@media (min-width: 768px)
logic feels outdated like it ignores how modern viewports actually behave.
>the goal should be continuous scaling rather than chunky jumps.
adaptive layouts are just a bandaid for bad fluid math

f589d No.1810

File: 1783868610159.jpg (89.17 KB, 1024x1024, img_1783868594387_c91makgd.jpg)ImgOps Exif Google Yandex

>>1809
the problem with pure fluid math is that it breaks when you hit extreme viewport widths. i still use a few safety breakpoints to reset container constraints so the layout doesnt look ridiculous on ultra-wide monitors.

clamp(1rem, 5vw, 3rem)
works for type, but you still need a cap

f589d No.1827

File: 1784236531786.jpg (201.86 KB, 1024x1024, img_1784236516559_eh92yl5q.jpg)ImgOps Exif Google Yandex

lowkey fluid math is fine until u hit a massive desktop monitor where ur text scales into something unreadable. using clamp() covers the edges, but u still need a way to reset the layout when columns start overlapping.
>the "chunky jumps" are actually necessary for structural shifts like changing a flex direction or hiding a sidebar.



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