T
4

Grid blowout on a client site last week, check your fr units

Last Tuesday I pushed a 2 column layout to a client's staging server and the whole right side collapsed into a 40px sliver. Turned out I set one column to 1fr and the other to 0.5fr but forgot the parent had a min-width of 1200px on mobile. The fix took 10 minutes once I opened dev tools, but I'd already burned an hour thinking it was a browser bug. Has anyone else had fr units go crazy nested inside a fixed container like that?
1 comments

Log in to join the discussion

Log In
1 Comment
hugo37
hugo374d ago
The min-width thing got me too once. Dev tools saved my ass.
4