My flexbox layout broke completely after a CSS update last week

I was building a simple portfolio site for a friend in Portland, and suddenly all my columns stacked on top of each other instead of lining up. Turned out Chrome 120 changed how it handles gap with flex-wrap, a bug that took me 3 hours to find. I ended up switching to CSS grid for the layout, which actually simplified the code anyway. Has anyone else run into browser updates messing up their beginner projects?

2 comments

2 Comments

jessicaw541mo ago

CSS grid probably would've worked from the start anyway.

campbell.logan1mo ago

And @jessicaw54 you're spot on with that. I spent a whole weekend fighting floats and clearing divs for a three column layout, then rebuilt it in Grid in about twenty minutes the next week. It was one of those moments where I just sat there wondering why I didn't try it sooner.