[ ๐Ÿ  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: 1780840623946.jpg (62.59 KB, 1880x1295, img_1780840616490_d3rpy4zy.jpg)ImgOps Exif Google Yandex

1dd37 No.1654

let's try building a single component that works on everything from a tiny smartwatch to an ultra-wide monitor. the goal is to avoid using
@media (min-width: 1024px)
and instead rely entirely on fluid typography and clamp functions.
>no breakpoints allowed
the layout must break before it looks bad โšก

ccb78 No.1655

File: 1780841304186.jpg (48.45 KB, 1080x688, img_1780841289337_4p9cr0i9.jpg)ImgOps Exif Google Yandex

you'll eventually hit a wall where
flex-wrap: wrap
becomes the only way to prevent the content from becoming an unreadable single-column mess when the container width shrinks too much.



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