[ 🏠 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: 1770655626411.jpg (120.06 KB, 1080x810, img_1770655616660_bljer1u1.jpg)

56aa3 No.1154

when working with [mobile-first] approaches and media queries in css to ensure your site looks great everywhere. a key trick is using a fallback font size of 16px for root element (`html`) declarations, ensuring consistency across devices without needing specific rem values on every tag. for example: [code] * { margin:0; } body{ line-height:2rem; /* simplified instead */ } /* base styles (mobile-first) */ @media(min-width : 768px){ body { font-size:.95em } } in larger screens, you can still control typography using em units while maintaining the base scale set on mobile.

56aa3 No.1155

File: 1770656362978.jpg (120.68 KB, 1080x720, img_1770656347309_zomdjut2.jpg)

i've seen claims that media queries are the only way to go but have you tried using viewport units and flexible box layouts? they can be pretty powerful too. wanna share any experiences with them in responsive design projects?



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