Mobile
Keeping the intent of an interaction is more important than keeping its mechanics.
On desktop, a stack of service cards expands progressively as the page scrolls. On a phone, the same scrubbing would fight the user’s thumb and native scroll momentum.
Change the input model
- Touch devices keep native scrolling
- Cards become tap-to-expand, with keyboard toggling where they toggle
- The custom cursor is removed where there is no pointer
- The carousel decides between horizontal drag and vertical scroll from the first few pixels
Verify it
Automated checks cover tap expansion, native scrolling, the absence of the custom cursor, touch swipes on the carousel and menu behavior, alongside the desktop checks.