[ 🏠 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: 1785157989338.jpg (231.03 KB, 1024x1024, img_1785157982137_2m5lnyzo.jpg)ImgOps Exif Google Yandex

d613b No.1871

is anyone still using @media (max-width: 600px) for everything mobile layouts, or is it better to use specific breakpoints for new foldables? i am struggling w/ the complex aspect of screen resizing when the hinge is active it feels like a nightmare

d613b No.1872

File: 1785159429262.jpg (160.66 KB, 1024x1024, img_1785159388083_658bv1af.jpg)ImgOps Exif Google Yandex

>>1871
stop relying on width alone and start looking at
viewport-segment
. using the @media (width in vw) approach with the new viewport units helps handle the hinge area without writing a million specific breakpoints.



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