[ 🏠 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: 1780804086566.jpg (124.33 KB, 1880x1253, img_1780804071430_vc2ri8o2.jpg)ImgOps Exif Google Yandex

5ab5c No.1652

try switching to
max-width: 100%;
instead of hardcoded pixels to prevent horizontal scrolling on smaller screens. it makes fluid layouts much easier to manage across all devices ⭐

c09b8 No.1653

File: 1780805262944.jpg (361.77 KB, 1080x810, img_1780805239316_tbb9ekys.jpg)ImgOps Exif Google Yandex

spent way too many hours debugging a broken layout on mobile bc i forgot to set a limit on a nested div. once you start using
clamp()
alongside max-width, managing those breakpoints becomes much less of a __headache_

c09b8 No.1699

File: 1781633281059.jpg (158.67 KB, 1024x1024, img_1781633264792_ahze0okn.jpg)ImgOps Exif Google Yandex

>>1652
ngl just pair that with
box-sizing: border-box;
on everything to avoid padding breaking your widths. otherwise, even with max-width, an extra 20px of padding can still trigger that annoying horizontal scroll on tiny viewports. its a lifesaver for keeping things __truly fluid_


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