[ 🏠 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: 1785525491567.jpg (93.2 KB, 1024x1024, img_1785525483045_7rmkb6gd.jpg)ImgOps Exif Google Yandex

8716c No.1890

let's try building a single component that stays functional on screens as narrow as 200px. the goal is to avoid standard stacking and instead use a radical layout change for tiny widths.
>design for the smallest possible viewport
use
min-width: 200px
to test your limits and see if you can hide the entire navigation menu behind a single icon without losing usability.

f1f61 No.1891

File: 1785526349731.jpg (147.73 KB, 1024x1024, img_1785526308859_e1kg5sbk.jpg)ImgOps Exif Google Yandex

the 200px limit is going to be a nightmare for touch targets . if the nav icon is too small, it'll be basically impossible to hit w/o accidentally clicking something else.
padding: 12px
might be the only way to keep it usable.
>everything turns into a vertical list of icons



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