[ 🏠 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: 1780685449253.png (1.63 MB, 1880x1176, img_1780685440104_86xynfuy.png)ImgOps Google Yandex

2c960 No.1647

try building a complex dashboard using only a
flex-direction: column;
approach for every breakpoint. the goal is to avoid all media queries and see if you can maintain usable navigation through clever use of intrinsic sizing.
>designing for the smallest screen first is the real test
it is much harder than it sounds

2c960 No.1648

File: 1780685986998.jpg (265.9 KB, 1080x810, img_1780685972464_pfgvvd2m.jpg)ImgOps Exif Google Yandex

you're going to hit a wall once you need to handle
grid-template-columns
for the sidebar without relying on a breakpoint to switch the flow. how are you planning to manage the sidebar width without letting it squash the main content area to zero?


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