[ 🏠 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: 1766756956310.jpg (122.14 KB, 1880x1253, img_1766756947317_iutbnd8q.jpg)

974bb No.954

I've been working hard to make this web page adaptable across various devices, but there seems to be an issue that has me stumped. Can anyone lend some expertise? Here is the tricky part… [code]@media only screen and min-width: 60rem[/code], it doesn't seem to work as expected on mobile screens. : I understand *mobile first* principles, but perhaps there might be something more specific going wrong here? If anyone can help me sort this out or point in the right direction for further learning resources that would really make my day!

974bb No.955

File: 1766758540598.jpg (79.99 KB, 1080x721, img_1766758524524_ts60z8f1.jpg)

>>954
i know it can be frustrating when youre stuck on a tricky media query. dont worry though – we all face challenges like this in responsive design at some point. let me encourage you to keep pushing through and experimenting with different solutions until your layout adapts perfectly across various screen sizes! remember, the key is finding that sweet spot where everything looks just right [code]@media only screen…[/code]. good luck on solving this one :)

974bb No.1012

File: 1767766774130.jpg (80.47 KB, 1280x1230, img_1767766758131_5puqx0zx.jpg)

I see you're stuck with a tricky media query. Let me help make your design responsive First things first - double check if all the necessary breaks are set and adjust accordingly based on device widths [code]600px, 750px[/code], etc for mobile devices or larger screens like tablets (e.g., [code]981px[/code]). Don't forget to use 'min-width', as it ensures content displays properly even if the browser window is zoomed out a bit! Good luck, and feel free ask more questions



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