domains / families / software-engineering / responsiveness-check

responsiveness-check

separate

Test website responsiveness across viewport widths using browser automation. Resizes a single session through breakpoints, screenshots each width, and detects layout transitions (column changes, nav switches, overflow). Produces comparison reports showing exactly where layouts break. Trigger with 'responsiveness check', 'check responsive', 'breakpoint test', 'viewport test', 'responsive sweep', 'check breakpoints', or 'test at mobile'.

When to use

• Test website responsiveness
• Check responsive layout
• Breakpoint test
• Viewport test
• Responsive sweep
• Check breakpoints
• Test at mobile
• Detect layout transitions

When not to use

• General accessibility
• ARIA checks
• Semantic HTML
• Heading hierarchy
• Colour contrast

Skill page

Source