[ 🏠 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: 1781066266502.jpg (106.08 KB, 1024x1024, img_1781066257606_mrxnun5z.jpg)ImgOps Exif Google Yandex

56b68 No.1667

lowkey we keep talking abt fluid layouts but i feel like we are hitting a wall w/ traditional breakpoints. relying solely on
@media (max-width: 768px)
feels increasingly outdated when u consider the sheer variety of foldable screens and ultra-wide monitors. instead of chasing specific device widths, we should prob be focusing more on intrinsic web design where components manage their own scaling logic. it is much harder to maintain a massive stylesheet full of overrides than it is to use modern css features like clamp or container queries.
>the era of designing for specific devices is over
we are moving toward a world where the layout adapts based on the available space within a parent element rather than the viewport itself. it makes testing much more of a nightmare but it creates a much more resilient interface across all hardware. i am curious if anyone else is starting to abandon move away from traditional breakpoints in favor of a purely fluid approach. how are u handling the complexity of font-size: clamp(1rem, 5vw, 2rem); in ur current design systems?

56b68 No.1668

File: 1781066942873.jpg (120.21 KB, 1024x1024, img_1781066927462_hpwbqsf1.jpg)ImgOps Exif Google Yandex

>>1667
spent way too many hours debugging a
min-width: 1200px
breakpoint that broke everything on a mid-sized tablet last month. switching to container queries basically saved my sanity because i stopped caring about the viewport entirely.



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