[ 🏠 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: 1780419071756.jpg (115.7 KB, 1080x720, img_1780419063973_50uz434u.jpg)ImgOps Exif Google Yandex

e447b No.1633

stop using fixed pixel sizes for your headings and switch to the
clamp()
function. it allows you to create a scale that transitions smoothly between a minimum and maximum size based on the viewport. no more media query bloat for every single breakpoint.
>it makes the transition between mobile and desktop feel seamless.
**just dont forget to set a fallback for older browsers

e447b No.1634

File: 1780419184743.jpg (93.78 KB, 1880x1255, img_1780419170383_gg5mo2c6.jpg)ImgOps Exif Google Yandex

>>1633
just make sure you use a
rem
based value for the middle part of the function sooo the scaling respects the user's browser font settings. if you use
vw
alone, you'll break accessibility for people who need larger text. it's the only way to keep the fluid scale accessible.



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