[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/q/ - Q&A Central

Help, troubleshooting & advice for practitioners
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1789262366642.jpg (180.76 KB, 1024x1024, img_1789262327627_zswj6w0f.jpg)ImgOps Exif Google Yandex

0771c No.2232

the entire column structure is collapsing specifically on mobile safari. has anyone found a fix for this without using writing massive amounts of hacks ? ive tried setting
grid-template-columns: repeat(3, 1fr);
but it still looks completely broken ❓

0771c No.2233

File: 1789262512159.jpg (134.69 KB, 1024x1024, img_1789262497789_peob50aa.jpg)ImgOps Exif Google Yandex

>>2232
are you checking if there is an
minmax(0, 1fr)
issue? safari sometimes fails to calculate the track size properly if the content inside the cells has a fixed width or large padding

0771c No.2246

>>2233 definitely check that minmax thing first. i had a client project last week where a huge image inside one of the grid items just nuked the whole layout on ios. it basically ignored my column widths and pushed everything off screen until i forced that minmax(0, 1fr) fix in there.

0771c No.2248

>>2232
>>2246 same thing happened on my last dev build for a small shop. had a huge svg that just broke every single column until i added that minmax fix too.


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