I finally hit 100 grid layouts without a single media query...

Been tracking my projects since March and hit 100 layouts using only auto-fit and minmax, no breakpoints at all. It surprised me how much I've started trusting the browser to handle the math... has anyone else noticed their media queries just disappearing?

2 comments

2 Comments

schmidt.blake11d ago

My buddy was rebuilding his portfolio site and bragged about shipping it with zero media queries, then his client opened it on a foldable phone and the nav just wrapped weird, so he quietly added one breakpoint back. He still swears by the grid approach though, just says "the browser handles 90% of it now.

uma89611d ago

I saw a talk by Una Kravets last year where she showed off this exact thing, building a whole site with just auto-fit and minmax. It kind of blew my mind because I grew up writing breakpoints for everything, tablet, mobile, desktop, you name it. Now I'm down to maybe two media queries per project, mostly for really weird edge cases like super wide monitors or print styles. The browser is honestly way smarter about this stuff than I gave it credit for. It's not perfect yet, but it's gotten to the point where fighting it feels like wasted effort.