Most websites get tested the same way. Someone opens it on their laptop, checks it on their phone held upright, and calls it done. That covers two scenarios. It misses a lot of others.
The person browsing your restaurant menu on an iPad in landscape while their friend drives. The client pulling up your law firm site on a tablet propped on a desk. The shopper comparing your services on a phone tilted sideways because they are watching something in the background.
These are not edge cases. They are normal. And most sites are not ready for them.
What breaks in landscape that works in portrait
Landscape orientation on a phone or tablet changes everything about how a layout renders. The viewport gets wider and shorter at the same time. Elements that stacked cleanly in portrait suddenly sit side by side with no room to breathe. Text that fit in portrait gets clipped. Images that looked right get stretched or cropped in ways that were never intended.
Navigation menus are the most common failure point. A hamburger menu that works fine in portrait can become completely inaccessible in landscape when the screen height is not tall enough to show the open menu without it going off screen.
Hero sections are next. Full-height hero images that look dramatic on desktop and portrait mobile often look wrong in landscape — either too tall, too short, or cut off in a way that removes the focal point entirely.
Forms are the most damaging failure. A contact form or booking form that breaks in landscape means a prospect who was ready to reach out gives up. They do not try again on a different device. They just move on.
Why iPad landscape gets ignored most often
iPad landscape sits in an awkward middle ground. It is too wide to be treated as mobile and too narrow to behave like a full desktop. Templates and builders typically have breakpoints for mobile and desktop with nothing in between that handles this size gracefully.
The result is a layout that looks like a desktop site squeezed into a smaller frame — elements misaligned, text too small, touch targets too close together to tap accurately.
For industries where tablets are common — hospitality, real estate, medical offices, retail — this is not a minor inconvenience. It is a real gap in the experience you are delivering.
How Google scores this
Google's Core Web Vitals and mobile usability scoring are based on real user data across devices. A site that performs well on desktop but poorly on tablet or landscape mobile will see that reflected in its search rankings over time.
Beyond rankings, Google Search Console flags specific mobile usability issues — text too small to read, clickable elements too close together, content wider than the screen. These are not just UX problems. They are signals Google uses to evaluate how much to trust your site.
What proper responsive design actually means
Responsive design is not just making a site smaller on mobile. It is building a layout system that responds intelligently to every viewport — width, height, orientation, and device pixel density.
That means testing at real breakpoints, not just the three standard sizes. It means checking landscape on both phone and tablet. It means making sure touch targets are large enough to tap accurately with a thumb. It means ensuring navigation is always accessible regardless of how the screen is oriented.
It also means performance. A site that is visually responsive but still loads slowly on mobile is not actually ready for mobile. The two go together.
How to check your site right now
Open your site on your phone and rotate it. Does the layout hold? Is anything cut off or overlapping? Can you still navigate and find what you need?
Open it on an iPad or tablet if you have one. Rotate that too. Check every page you would send a prospect to — not just the homepage.
Then open Google Search Console and check the Mobile Usability report. Any flagged issues there are worth addressing immediately.
If something breaks or looks wrong, that is the experience your prospects are having. Every time.
What we check before anything ships
Every site we build is tested across portrait and landscape on mobile and tablet before it goes live. Not as a final checkbox — as part of how the build works from the start. Breakpoints are designed, not assumed. Touch targets are sized for real fingers. Navigation works at every orientation.
If it does not hold up on every screen, it does not ship.
If your current site has gaps here — or if you are not sure — that is worth looking at before it costs you a lead you never knew you lost.