https://doesitfit.lol/blogGuides to websites that fit every screen.enhttps://doesitfit.lol/blog/ai-website-responsive-mistakeshttps://doesitfit.lol/blog/ai-website-responsive-mistakesMon, 28 Sep 2026 09:00:00 GMTAI tools build great desktop pages and wobbly phone ones. The 10 responsive mistakes AI-built websites make most, how to spot each one, and a prompt to fix it.https://doesitfit.lol/blog/100vh-mobile-fixhttps://doesitfit.lol/blog/100vh-mobile-fixMon, 28 Sep 2026 09:00:00 GMT100vh hides your content behind Safari and Chrome toolbars on phones. Here's why, with real iPhone and Android numbers, and how dvh, svh and lvh fix it.https://doesitfit.lol/blog/test-website-with-claude-chatgpt-mcphttps://doesitfit.lol/blog/test-website-with-claude-chatgpt-mcpMon, 28 Sep 2026 09:00:00 GMTConnect doesitfit to Claude, ChatGPT, Codex or Cursor with MCP and ask whether your site fits on an iPhone. Setup for each app, example prompts and the limits.https://doesitfit.lol/blog/container-queries-vs-media-querieshttps://doesitfit.lol/blog/container-queries-vs-media-queriesMon, 28 Sep 2026 09:00:00 GMTMedia queries react to the screen, container queries to the space a component actually has. Syntax, cqi units, support, Tailwind v4 and a card example.https://doesitfit.lol/blog/responsive-design-promptshttps://doesitfit.lol/blog/responsive-design-promptsMon, 28 Sep 2026 09:00:00 GMTCopy-paste prompts to fix responsive design with Claude, ChatGPT, Cursor, Lovable, v0 or Bolt: sideways scroll, menus, tables, 100vh, iPhone form zoom and more.https://doesitfit.lol/blog/device-pixel-ratio-explainedhttps://doesitfit.lol/blog/device-pixel-ratio-explainedMon, 28 Sep 2026 09:00:00 GMTDevice pixel ratio is how many screen pixels make one CSS pixel. See the real DPR of iPhones, Galaxies, Pixels and MacBooks, and how to stop blurry images.https://doesitfit.lol/blog/fixed-header-footer-mobilehttps://doesitfit.lol/blog/fixed-header-footer-mobileMon, 28 Sep 2026 09:00:00 GMTSticky or fixed? How Safari and Chrome toolbars move on phones, keeping bottom bars clear of the home indicator and keyboard, and fixing hidden anchor links.https://doesitfit.lol/blog/iphone-safari-visible-areahttps://doesitfit.lol/blog/iphone-safari-visible-areaMon, 28 Sep 2026 09:00:00 GMTThe status bar and Safari take 156px of an iPhone 17 Pro's 874px screen. Visible heights for every current iPhone, and what it means for 100vh and dvh.https://doesitfit.lol/blog/fix-horizontal-scroll-on-mobilehttps://doesitfit.lol/blog/fix-horizontal-scroll-on-mobileMon, 28 Sep 2026 09:00:00 GMTPage wobbles sideways on phones? The 12 usual causes of horizontal scrolling on mobile, a fix for each, and a console snippet that finds the culprit fast.https://doesitfit.lol/blog/test-localhost-on-phonehttps://doesitfit.lol/blog/test-localhost-on-phoneMon, 28 Sep 2026 09:00:00 GMTTyping localhost on your phone opens the phone itself. How to reach your dev server over Wi-Fi, USB or a tunnel, and fix the HTTPS features that break on an IP.https://doesitfit.lol/blog/test-website-on-iphone-from-windowshttps://doesitfit.lol/blog/test-website-on-iphone-from-windowsMon, 28 Sep 2026 09:00:00 GMTNo Mac, no Safari for Windows? How to test your website for iPhone from a Windows PC: exact iPhone viewports, free WebKit via Playwright and real devices.https://doesitfit.lol/blog/test-website-on-mobile-without-phonehttps://doesitfit.lol/blog/test-website-on-mobile-without-phoneMon, 28 Sep 2026 09:00:00 GMTNo phone to hand? Six ways to test your website on mobile from a laptop, from DevTools to real iOS and Android simulators, plus a routine that catches bugs.https://doesitfit.lol/blog/iphone-duo-web-developershttps://doesitfit.lol/blog/iphone-duo-web-developersMon, 28 Sep 2026 09:00:00 GMTOn the iPhone Duo's outer screen, web pages get 382px, not 466. Unfolded it's 951 × 669 landscape. Simulator-measured sizes, Safari's layout and what to test.https://doesitfit.lol/blog/landscape-mode-mobile-webhttps://doesitfit.lol/blog/landscape-mode-mobile-webMon, 28 Sep 2026 09:00:00 GMTPhones on their side are wide but short, like 874×402 on an iPhone 17 Pro. See which breakpoints they hit, what breaks in landscape and the CSS that fixes it.https://doesitfit.lol/blog/macbook-screen-resolution-css-pixelshttps://doesitfit.lol/blog/macbook-screen-resolution-css-pixelsMon, 28 Sep 2026 09:00:00 GMTA MacBook Air 13 has a 2560×1664 panel but websites see 1470×956. Panel vs CSS sizes for every MacBook, scaling options and real Chrome viewport heights.https://doesitfit.lol/blog/make-ai-website-mobile-friendlyhttps://doesitfit.lol/blog/make-ai-website-mobile-friendlyMon, 28 Sep 2026 09:00:00 GMTA step-by-step way to make an AI-built website mobile friendly in Claude, ChatGPT, Cursor, Lovable, v0 or Bolt, with copy-paste prompts and real phone widths.https://doesitfit.lol/blog/mobile-navigation-menuhttps://doesitfit.lol/blog/mobile-navigation-menuMon, 28 Sep 2026 09:00:00 GMTWhen your nav stops fitting, pick a mobile menu that works: an accessible hamburger, a bottom tab bar, priority+ or scrolling tabs. Real widths and code.https://doesitfit.lol/blog/mobile-first-csshttps://doesitfit.lol/blog/mobile-first-cssMon, 28 Sep 2026 09:00:00 GMTMobile-first CSS explained: min-width vs max-width media queries, base styles for 360px phones, converting desktop-first CSS, Tailwind and an AI prompt.https://doesitfit.lol/blog/most-common-screen-resolutions-2026https://doesitfit.lol/blog/most-common-screen-resolutions-2026Mon, 28 Sep 2026 09:00:00 GMTStatCounter's August 2026 figures for the most common desktop, mobile and tablet screen resolutions, what they really measure, and which sizes to test.https://doesitfit.lol/blog/responsive-breakpoints-2026https://doesitfit.lol/blog/responsive-breakpoints-2026Mon, 28 Sep 2026 09:00:00 GMTWhere 123 real phones, tablets, laptops and monitors land in CSS pixels, which responsive breakpoints actually matter in 2026, and which screens to test.https://doesitfit.lol/blog/css-clamp-responsive-typographyhttps://doesitfit.lol/blog/css-clamp-responsive-typographyMon, 28 Sep 2026 09:00:00 GMTHow CSS clamp() makes font sizes responsive: a fluid type scale worked out at real phone, iPad and laptop widths, why rem matters for zoom, and Tailwind.https://doesitfit.lol/blog/responsive-images-srcset-sizeshttps://doesitfit.lol/blog/responsive-images-srcset-sizesMon, 28 Sep 2026 09:00:00 GMTLearn srcset and sizes with real numbers: how many pixels a hero needs on an iPhone 17 Pro, Galaxy S25 or MacBook Air, plus picture, lazy loading and Next.js.https://doesitfit.lol/blog/responsive-tables-mobilehttps://doesitfit.lol/blog/responsive-tables-mobileMon, 28 Sep 2026 09:00:00 GMTWide tables make the whole page scroll sideways on phones. Five responsive table patterns with code: scroll wrapper, stacked cards, sticky column and more.https://doesitfit.lol/blog/safe-area-inset-notch-dynamic-islandhttps://doesitfit.lol/blog/safe-area-inset-notch-dynamic-islandMon, 28 Sep 2026 09:00:00 GMTWhat iPhone safe areas are, when Safari handles them for you, and how to use viewport-fit=cover with env(safe-area-inset-*) without breaking layouts.https://doesitfit.lol/blog/layout-shift-mobile-clshttps://doesitfit.lol/blog/layout-shift-mobile-clsMon, 28 Sep 2026 09:00:00 GMTPages that jump while loading hit phones hardest. Fix layout shift on mobile (CLS) with sized images, reserved space for embeds and banners, and matched fonts.https://doesitfit.lol/blog/tailwind-breakpoints-real-deviceshttps://doesitfit.lol/blog/tailwind-breakpoints-real-devicesMon, 28 Sep 2026 09:00:00 GMTWhich real phones, tablets, laptops and monitors land in Tailwind's sm, md, lg, xl and 2xl breakpoints, upright and sideways, plus the gotchas that bite.https://doesitfit.lol/blog/mobile-padding-text-edgehttps://doesitfit.lol/blog/mobile-padding-text-edgeMon, 28 Sep 2026 09:00:00 GMTText squashed against the edge of a phone screen looks broken. How much mobile padding to use (16–24px), CSS and Tailwind patterns that work, and a fix prompt.https://doesitfit.lol/blog/meta-viewport-taghttps://doesitfit.lol/blog/meta-viewport-tagMon, 28 Sep 2026 09:00:00 GMTCopy the meta viewport tag every site needs, learn what each part does, where it goes in Next.js, Vite and plain HTML, and which settings to avoid.https://doesitfit.lol/blog/vibe-coding-launch-checklisthttps://doesitfit.lol/blog/vibe-coding-launch-checklistMon, 28 Sep 2026 09:00:00 GMTBuilt a site with AI? This vibe coding launch checklist covers 15 checks, from mobile fit to exposed secrets, with how to check each one and a prompt to fix it.https://doesitfit.lol/blog/foldable-phones-web-designhttps://doesitfit.lol/blog/foldable-phones-web-designMon, 28 Sep 2026 09:00:00 GMTFoldables give your site two viewports: a narrow cover screen and a wide inner one. Real sizes for Galaxy Z Fold, Pixel Fold and iPhone Duo, and how to design.https://doesitfit.lol/blog/what-is-a-viewporthttps://doesitfit.lol/blog/what-is-a-viewportMon, 28 Sep 2026 09:00:00 GMTA viewport is the area your page is laid out in, measured in CSS pixels, not screen pixels. See real numbers from iPhones and MacBooks, then check yours.https://doesitfit.lol/blog/why-devtools-device-mode-is-not-accuratehttps://doesitfit.lol/blog/why-devtools-device-mode-is-not-accurateMon, 28 Sep 2026 09:00:00 GMTChrome DevTools device mode gets the width right and much else wrong: no toolbars, stale presets, desktop fonts. What it misses and how to test properly.https://doesitfit.lol/blog/ios-input-zoom-16pxhttps://doesitfit.lol/blog/ios-input-zoom-16pxMon, 28 Sep 2026 09:00:00 GMTiPhone Safari zooms into any form field with text under 16px. Why it happens, the one-line CSS fix, the Tailwind version, and why maximum-scale=1 is wrong.https://doesitfit.lol/blog/website-zoomed-out-on-phonehttps://doesitfit.lol/blog/website-zoomed-out-on-phoneMon, 28 Sep 2026 09:00:00 GMTWebsite looks tiny and zoomed out on mobile? It's almost always a missing viewport tag or something wider than the screen. Here's how to find and fix it.https://doesitfit.lol/blog/windows-display-scaling-1536x864https://doesitfit.lol/blog/windows-display-scaling-1536x864Mon, 28 Sep 2026 09:00:00 GMTWhy a 1920×1080 Windows laptop shows websites at 1536x864, what 100%, 125% and 150% scaling do to your viewport, and how much height is left in Chrome.https://doesitfit.lol/blog/x-frame-options-frame-ancestorshttps://doesitfit.lol/blog/x-frame-options-frame-ancestorsMon, 28 Sep 2026 09:00:00 GMTWhat X-Frame-Options and CSP frame-ancestors do, which wins, why sites show BLOCKED in previews, and correct configs for Vercel, Netlify, Next.js and Express.