Fix guides
Fix the layout bugs clients notice first
Short, practical fixes for the most common responsive problems, with code you can copy. Not sure what's wrong? Test your page free.
How to fix horizontal scroll on mobile
Layout · 3 min read
Your page slides sideways on phones? Find the element that is wider than the screen and fix it with five CSS changes that cover almost every case.
Read the fixText cut off on mobile: causes and fixes
Text · 2 min read
Headings clipped, buttons with half a label, lines ending mid-word on phones? Here is why text gets cut off on mobile and the CSS that fixes each case.
Read the fixHow to fix overlapping elements on mobile
Layout · 2 min read
Text over images, buttons covering headings, sticky headers hiding content: why elements overlap on small screens and how to fix it.
Read the fixTap targets too small: how big buttons and links should be
Touch · 2 min read
How big should buttons and links be on mobile? The 44–48px rule, spacing between targets, and CSS fixes for small tap targets that frustrate visitors.
Read the fixThe viewport meta tag: why your site looks zoomed out on phones
Basics · 2 min read
Site shows a shrunken desktop layout on phones? The viewport meta tag is missing or wrong. The correct tag, common mistakes and how to test it.
Read the fixImages too big on mobile: how to make them fit
Images · 2 min read
Images that stretch past the screen, look blurry or load slowly on phones: the CSS and HTML that make images fit every screen size.
Read the fixCSS breakpoints: which screen sizes to design for
Basics · 2 min read
Which widths to use as CSS breakpoints, why device lists go out of date, and how to test the sizes in between so layouts never break.
Read the fixFixed header covering content: how to fix it
Layout · 2 min read
A fixed header hides the top of the page and every anchor link target. Fix it with padding, scroll-margin-top and position: sticky.
Read the fixThe right font size for mobile
Text · 2 min read
What font size to use on phones, why 16px is the floor for body text and inputs, and how to scale headings with clamp().
Read the fixMobile form problems and how to fix them
Forms · 2 min read
Fix forms that are hard to fill in on phones: missing labels, the wrong keyboard, zooming on focus, tiny checkboxes and hidden submit buttons.
Read the fixOr let UICheck find them for you
Free account, 5 checks a day, no card. Every finding comes with a plain-language fix.