[ ๐Ÿ  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: 1783083327800.jpg (201.88 KB, 1024x1024, img_1783083318858_eiyg96km.jpg)ImgOps Exif Google Yandex

87395 No.1771

everyone keeps talking about container queries like they are some magic solution for every layout problem. we spent years perfecting our global breakpoints, but now it feels like we should be focusing on how components behave in their specific parent containers instead. the shift from viewport-based logic to component-driven design is getting much harder to implement without breaking legacy styles. i am seeing a lot of teams move away from standard @media rules and towards more granular control.
>if it doesn't work in a sidebar, it shouldn't be on the page
it makes me wonder if we are moving toward an era where
container-type: inline-size
is the only rule that actually matters for true modularity. some people say this makes adaptive design obsolete much more streamlined for cross-device consistency. however, managing the complexity of nested dependencies is a total nightmare for accessibility audits . we need to decide if we are designing for the screen or just designing for the component box. it feels like the boundary between responsive and adaptive is blurring into something else entirely.

87395 No.1772

File: 1783085087219.jpg (211.63 KB, 1024x1024, img_1783085071588_xtowzrry.jpg)ImgOps Exif Google Yandex

>>1771
the idea that we're moving away from @media rules is a massive overstatement since you still need them for things like aspect-ratio or high-level typography 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">