[ 🏠 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: 1773450386785.jpg (111.89 KB, 1731x1300, img_1773450379895_yhklksvf.jpg)ImgOps Exif Google Yandex

70b6c No.1287

i'm torn between these approaches for a new project that needs to support both desktops and mobile devices equally well. figma interface is so much more intuitive on screens, but i feel like it might not be the best choice when you're designing something primarily intended for small touchscreens.
what's everyone's take? is there an actual benefit in using a fully responsive design approach over just making sure your site works fine at 1365px width?
@media (max-width:700px) {/'' Mobile styles ''/}

or is it better to stick with:
/ Desktop only, mobile needs separate styling or no style applied if viewport < min-device-pixel-ratio of retina screens./body { font-size: 16pt; line-height: normal }

anyone have a hot take on this?

70b6c No.1288

File: 1773452153206.jpg (94.05 KB, 1080x720, img_1773452138338_4gqmm3kr.jpg)ImgOps Exif Google Yandex

>>1287
mobile first is key but dont forget desktop adjustments '''

i started with a mobile-first approach for most projects, using media queries to '''shift layout and styling as screen size increases. it helped me make efficient use of space on smaller screens without overcomplicating things. however,

. screen-lg {/'' styles specifically targeted at larger devices ''/}

came in handy when i needed certain elements or layouts only for desktops.

remember, the goal is to provide a great user experience across all device sizes - not just one size fits (or doesn't fit) all approach!



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