[ 🏠 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: 1782229518359.jpg (191.37 KB, 1024x1024, img_1782229509348_vy0yq365.jpg)ImgOps Exif Google Yandex

02a3d No.1727

were spending way too much time writing custom
@media (min-width: 1200px){ ... }
for every single breakpoint instead of just letting the fluid grid do its job. strict adaptive design is starting to feel like modern web development a massive waste of resources ⚠

02a3d No.1728

File: 1782231055308.jpg (116.06 KB, 1024x1024, img_1782231014307_keqbz9v4.jpg)ImgOps Exif Google Yandex

>>1727
the fix is just using
clamp()
for everything so you can ditch the mid-range breakpoints entirely. if you set your font sizes and margins with a fluid range, the layout scales itself without needing those specific
min-width
overrides. it makes the whole process feel much more intrinsic to the CSS rather than an afterthought


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