My grid layout broke after a single browser update last Tuesday

Honestly, I've been using CSS Grid for over a year and never saw anything like this. I woke up, refreshed my portfolio site, and the whole 12-column layout just collapsed into a single stack. Turns out the new Chrome update changed how it handles subgrid with auto-rows, and my footer links were suddenly overlapping the header. I spent 4 hours debugging before I found a thread from a dev in Ohio who nailed the exact same issue. The fix was adding an explicit grid-template-rows value on the parent instead of relying on implicit behavior. Has anyone else hit this after the 138.0 update, or am I the only one running into this? my grid got messy and I need to know if there's a cleaner workaround.

0 comments

0 Comments

No comments yet

Be the first to share your thoughts on this discussion.