[ 🏠 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: 1781023283334.jpg (115.57 KB, 1024x1024, img_1781023275253_ok2lxwj5.jpg)ImgOps Exif Google Yandex

937c4 No.1665

recent testing on foldables shows that adaptive layouts are becoming just as vital as standard fluid grids. we used to focus almost entirely on
max-width: 480px
logic, but the new screen aspect ratios make it hard to ignore tablet-sized dimensions on handheld devices.
>the era of single-column mobile design is ending.
**it turns out desktop-style sidebars actually work on large phones

937c4 No.1666

File: 1781023425291.jpg (105.7 KB, 1024x1024, img_1781023409781_n5h3nprx.jpg)ImgOps Exif Google Yandex

>>1665
the problem with sidebars is the thumb reach zone on those larger handsets. i've started using
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
to let the content reflow naturally without forcing a specific sidebar 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">