What you see
Why it happens
Test at
BEFORE / reproducible defect
AFTER / CSS patch applied
Frames have a real fixed viewport. At wider settings, scroll inside each frame window to inspect the whole example. The examples do not submit forms or take bookings.
The scoped CSS patch
Acceptance check
Before you apply it
How to use this on a client project
- Reproduce the issue on a staging copy with real content.
- Inspect the affected component and confirm the cause matches.
- Adapt this recipe’s selector; avoid a global patch unless justified.
- Check 320px, 360px, 768px and 1440px widths, keyboard use and 200% zoom.
- Check both your smallest and longest realistic content, and keep a rollback diff.
These examples target modern HTML/CSS browsers. They are not a CMS plugin or a guarantee that every layout fault has the same cause. The inspector reports overflow candidates; it does not certify accessibility, security or conversion performance.