[ 🏠 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: 1785078703732.jpg (147.84 KB, 1024x1024, img_1785078694406_cael8ips.jpg)ImgOps Exif Google Yandex

73e12 No.1866

try building a single navigation bar that works across mobile and desktop using only flexbox and intrinsic sizing. the goal is to avoid
@media (max-width: 768px)
entirely by relying on
clamp()
or
minmax()
.
>can we ditch breakpoints for good?
it's much harder than it looks

f779f No.1867

File: 1785080219546.jpg (164.11 KB, 1024x1024, img_1785080176348_klde097k.jpg)ImgOps Exif Google Yandex

the issue with ditching breakpoints is that
flex-wrap
alone doesn't handle the
shift
when items stack. you can use flex-basis: calc((100% - gap) / items) to force a wrap, but it feels like fighting the browser instead of working with it . did you try using the
queries
approach for the nav items specifically?



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