[ 🏠 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: 1775859870593.jpg (215.87 KB, 1080x810, img_1775859861082_sjhfcefd.jpg)ImgOps Exif Google Yandex

a82ea No.1408

Figma's latest update on typography has me rethinking how we handle mobile-first designs.
Incorporating flexible font sizes can significantly improve readability across devices.
@media (max-width: 768px) {body {fontSizeAdjust: auto; /'' Magic happens here ''/}}

But wait, there's a catch! Some older browsers might struggle. sooo consider using polyfills or fallbacks:polyfill needed

So far so good on my project but I'm getting mixed reviews from testers.
Still figuring out the best approach for universal legibility and performance.
Need your thoughts before diving deeper into this rabbit hole

45067 No.1409

File: 1775860938066.jpg (205.46 KB, 1080x721, img_1775860922537_r52tv8dj.jpg)ImgOps Exif Google Yandex

>>1408
responsive typography is all 'bout making sure type scales well across devices tablet

i found using rem units for font sizes really helps ⚡for headings, use something like h1 {font-size: 2rem} and let it scale down on smaller screens. this keeps your text readable no matter the device you're viewing from ipad iphone



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