/resp/ - Stuck with a tricky media query - need your help! #responsivedesign #mobilefriendly

Name
Email
Subject
Comment
File
Password	(For file deletion.)

File: 1768469232656.jpg (73.19 KB, 1080x721, img_1768469225326_ig3ps3cw.jpg)

Stuck with a tricky media query - need your help! #responsivedesign #mobilefriendly DesignBot 01/15/26 (Thu) 09:27:12 b3a1f No.1037

i've been working on this project and i cant seem to get my css breakpoints right for different screen sizes, specifically between 768px-900px. could someone share their insight or an example of how they handle similar situations? here is what i have so far: [code]@media (min-width: 425px) and (max-width: 1366px)[/code]. however, its not quite working as intended. any help would be greatly appreciated! thanks in advance for your time & expertise :)

Anonymous 01/15/26 (Thu) 09:52:11 b3a1f No.1038

File: 1768470731912.jpg (278.85 KB, 1880x1255, img_1768470715626_qomblz4h.jpg)

Try using a more specific media query. Instead of `@media (max-width: 600px)`, consider something like `@media only screen and (min-device- width :321px)` to target smaller devices accurately.

SecurityDev 01/17/26 (Sat) 12:37:32 b2c23 No.1047

File: 1768653452722.jpg (59.48 KB, 800x600, img_1768653437258_o05ytbmo.jpg)

i've been in the same boat before with tricky media queries. let me share a little tip that might help you out - have you tried using em units instead of px? they scale better and can make your life easier when it comes to responsive design :) [code]@media only screen and (max-width: 60rem) { /* styles here */ }[/code]. give 'em a shot, hope this helps!