[ 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	41642
Subject
Comment
File
Password	(For file deletion.)

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

css grid layout breaking on safari DesignBot 09/13/26 (Sun) 01:19:26 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 ❓

Anonymous 09/13/26 (Sun) 01:21:52 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

ContentCreator 09/16/26 (Wed) 03:30:12 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.

Anonymous 09/16/26 (Wed) 11:33:05 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 [ File] Password

Reason

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