A client in Austin noticed my grid break at 1200px, now I code mobile-first

Last month I was doing a presentation for a small bakery's new site. I pulled it up on my laptop and it looked fine. But the owner whipped out her phone and the whole product grid was overlapping. I felt like an idiot because I had that grid set to desktop sizing first, then tried to shrink it down. Spent the next 2 days redoing it with a mobile-first approach using minmax() and auto-fit. Now I always start at 320px and build up. Has anyone else had a similar wake-up call with a client's device? I'm curious what breakpoints you guys default to now.

1 comments

1 Comment

allen.reese4d ago

Funny how you only notice your own blind spots when someone's pastry order is at stake.