Warning: My grid layout completely broke for a whole day because of one line of code

Last Tuesday, I was building a product grid for a client's site and everything looked perfect in Chrome. I pushed the update live at 9 AM. By 10, my phone was blowing up because the layout was a jumbled mess on mobile. I spent the next six hours pulling my hair out, checking media queries and container queries. The culprit? A single 'grid-auto-flow: dense;' I'd added to fix a minor spacing issue on desktop, which totally scrambled the source order on narrow screens. I felt like an idiot for not testing that property more. Has anyone else had a 'dense' property backfire on them like that?

2 comments

2 Comments

the_diana4d ago

That dense property cost me a whole afternoon once.

gavin9284d ago

Bro a whole afternoon? Come on now. I've seen dense properties that are annoying but they're like a 20 minute headache max. What were you even trying to do that took that long, prove a theorem? Sounds like a skill issue.