Why I Check My Screen Resolution Before Every Design Review

I have been on both sides of this and it still makes me cringe. I was reviewing a website design on my 27-inch 5K monitor — crisp, airy, perfectly spaced. I signed off with a glowing approval. The client opened it on their 13-inch MacBook Air and their immediate reaction was that everything looked "too big and crowded." The hero section that I fell in love with required scrolling before you saw the headline. The carefully arranged three-column layout they loved on my screen turned into a jumbled mess. That is when I started checking my screen resolution before every single design review. The problem is that most of us designers have good monitors. We work on large displays with high resolutions because we need the space. But our users are looking at the same design on a 15-inch laptop, a 10-inch tablet, a 6-inch phone, and occasionally a 32-inch ultrawide. If we only review on our own setup, we are designing in a bubble. My current process is mechanical now. Before I share any design for feedback, I toggle through three resolution presets. First, 1920x1080, which is still the most common desktop resolution worldwide. Second, 1440x900, which covers the majority of MacBook screens. Third, 1366x768, which is surprisingly common on Windows laptops and is the resolution where layouts tend to fall apart first. I also look at the design at 100% zoom. It is tempting to zoom out to see the full layout, but that is not how users see it. If you have to scroll to find the call-to-action button on a standard laptop screen, you need to fix the layout, not the zoom level. The real surprises always show up at the extremes. At 1366x768, padding that felt generous on my 5K display turns into wasted space. At 1920x1080, columns that looked balanced suddenly make the content feel stretched. I have caught navigation bars breaking at widths I would never have thought to check. I also look at the browser chrome — the bookmarks bar, the tab bar, the developer tools panel. Your users have those. Your full-screen preview does not. A design that looks perfect in full-screen can have its primary button pushed below the fold when the browser chrome takes up its share of the pixels. Zoom levels matter too. I check at 100%, 125%, and 150%. Some users increase their default zoom because they prefer larger text, and that changes everything about how a layout reads. If your design breaks at 125% zoom, you have a problem. These days my design review checklist starts with resolution, not aesthetics. Layout first, colors second, typography third. It has saved me from embarrassing launches more times than I can count. And that client with the 13-inch MacBook? The second version I sent them fit their screen perfectly. They approved it in ten minutes.