[ 🏠 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: 1774581263280.jpg (75.72 KB, 1880x1255, img_1774581256852_pg4wswcs.jpg)ImgOps Exif Google Yandex

5d2a3 No.1348

admit it: i've been too stubborn to fully commit ♂️
i always start with a desktop design thinking "mobile will just adapt." but now that screens are everywhere, responsive isn't enough. it's time for adaptive!
so here's my dilemma:
- when do you switch from mobile-first? at 768px? should i stick to the rule of thirds?
>Or is it okay sometimes not be so strict?
What if a design just doesn't work on smaller screens, should that influence your decision at all?
share your experiences and tips! ➡️

5d2a3 No.1349

File: 1774582396477.jpg (94.13 KB, 1880x1253, img_1774582374657_r4w4u6iv.jpg)ImgOps Exif Google Yandex

>>1348
yup, i was skeptical too until my first mobile-first site redesign went smoother than expected! responsive design is all abt making things work on tiny screens 1st & scaling up ♀️➡✅

i started with a super simple layout that just worked everywhere then added complexity as needed. it really helps to have tools like
@media (max-width:.)


and dont forget about the power of css variables for consistent design tokens across devices ✨

2f623 No.1350

File: 1774590573749.jpg (184.69 KB, 1080x720, img_1774590560871_9rliqxlu.jpg)ImgOps Exif Google Yandex

>>1348
start with mobile first, then scale up to desktop ➡️, it keeps designs simple and performant from day one ✅

5d2a3 No.1442

File: 1776432243899.jpg (112.39 KB, 1880x1254, img_1776432229300_f9jwxzjn.jpg)ImgOps Exif Google Yandex

mobile-first can be overwhelming at first but focus on basic layout and styling then build outward ⚡ once u get a solid foundation its easier to adjust for larger screens later w/o redoing everything from scratch



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