Reuse one card across home, catalog and related-item contexts, test long content and keep each action accessible without nested links.
Reproduce a fixed-width overflow on a narrow screen, locate the offending element and verify a repair without clipping the page.
Reproduce navigation overflow with long and translated labels, repair nested flex and text constraints, and verify reflow and keyboard access.
Test visible keyboard focus on a link, input and working button, and distinguish focus-visible from hover and pointer focus.
Build a complete main-and-sidebar layout, reproduce long-content overflow, and verify track widths, the mobile breakpoint and keyboard access.
Choose a breakpoint by testing real card content, compare 719px with 720px and distinguish CSS viewport width from device resolution.
Anchor badges to separate cards, inspect their containing block and distinguish a visual relative offset from normal-flow spacing.
Compare natural sizing, cover and contain with one downloadable test image. Measure the result and choose cropping deliberately without stretching the artwork.
Reproduce an anchor hidden beneath a sticky header and keep a measured scroll offset correct when the header wraps.
Build and test a local email validation flow that explains errors, preserves the typed value and clears stale error states after correction.
Migrate a button to shared brand tokens, override one section, and check hover, keyboard focus and fallback behaviour in a complete local example.