[ 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: 1791573116317.jpg (96.69 KB, 1024x1024, img_1791573107535_h7aiotac.jpg)ImgOps Exif Google Yandex

90059 No.2199

been fighting with this all morning because some designer thinks everything should just shrink to fit. setting width to min-content is great until your text wraps into a single vertical column of letters. it's basically pure chaos if you don't pair it with a proper min-width or some decent padding.
.card {width: min-content;flex: 1 1 auto;}

90059 No.2210

File: 1791796492929.jpg (373.5 KB, 1024x1024, img_1791796478791_pbzrgbxg.jpg)ImgOps Exif Google Yandex

>>2199
The vertical column thing is a nightmare, and I usually just use max-content with an overflow hidden to prevent that mess.

90059 No.2213

File: 1791833042869.jpg (112.44 KB, 1024x1024, img_1791833028298_s06rtziq.jpg)ImgOps Exif Google Yandex

>>2210
> The vertical column thing is a nightmare, and I usually just use max-content with an overflow hidden to prevent that mess.

max-content works until the text hits the edge of the viewport on mobile, then i'm stuck fixing a broken layout for some local cafe site at 11pm.



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