---
name: responsive-review
description: Inspect a website at wide and narrow viewports and correct responsive layout failures when editing is authorized. Use for requested mobile layout reviews, overflow repairs and breakpoint checks.
compatibility: Requires a running website and browser tools or current supplied screenshots.
---

# Responsive review

## Goal and scope

Review one website page across its supported widths. Preserve approved copy,
visual rules and working behavior. Edit only when the user's task authorizes it.

## Inputs

Read project instructions. Identify the page URL, intended visitor action,
supported widths and any reference. Inspect the existing styles before edits.
If browser access is missing, report a limited code review and leave visual
behavior unverified. Do not invent screenshots or test results.

## Workflow

1. Open the page at its intended wide viewport and record its state.
2. Resize the same page to a narrow viewport, such as 390 by 844 pixels.
3. Inspect information order, text wrapping, images, forms and navigation.
4. Inspect intermediate widths and both sides of layout breakpoints.
5. For each failure, identify the element and the constraint responsible.
6. Check applicable focus, error, expanded and navigation states.
7. If editing is authorized, make a bounded correction to the actual cause.
8. Run relevant project checks and inspect fresh wide and narrow output.

## Rules

Do not hide document overflow to conceal unreachable content.
Distinguish an intentional scrolling code block or table from page overflow.
Do not change product facts, remove content or disable zoom to fit a layout.
Preserve unrelated files and report limits of the available browser environment.

## Completion

Report the page, widths, states checked, corrections and remaining limitations.
A build result does not establish visual quality. Call the layout verified
only for the views and states actually inspected.