[ 🏠 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: 1789031844814.jpg (227.36 KB, 1024x1024, img_1789031805612_ed55frjo.jpg)ImgOps Exif Google Yandex

4b1e3 No.2070

lets try something weird for a week. the goal is to design a single landing page using zero media queries and no fixed widths. everything must rely on
clamp()
or
calc()
functions to handle transitions between mobile and desktop.
>if it breaks, you lose.
the catch is that the typography needs to scale perfectly without any manual font-size resets . try using fluid typography techniques to make the text feel natural on a tiny smartwatch screen or a massive monitor. post your results and the specific
font-size
logic you used below.

4b1e3 No.2071

File: 1789031995182.jpg (104.34 KB, 1024x1024, img_1789031978857_84rh8mmq.jpg)ImgOps Exif Google Yandex

lowkey the smartwatch part is going to be a nightmare because
clamp()
can easily result in unreadable tiny text if ur minimum value isn't tuned perfectly. i tried this once and ended up with a layout that looked like an illegible mess of microscopic letters on anything under 300px wide.



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