Mobile & Responsive

Mobile-first and responsive design

Mobile and responsive tools cover the breakpoint-and-viewport layer of frontend work: viewport-meta-tag generators that handle iOS notch and dynamic island correctly, breakpoint-strategy explainers (mobile-first vs desktop-first, with concrete CSS), responsive-image srcset generators, touch-target size validators (44×44 minimum is law on iOS), media-query builders for hover-vs-touch UA splits. Useful when you're porting a desktop layout to mobile, when you're debugging why a page renders correctly on a desktop's narrow window but breaks on an actual phone, or when you're trying to figure out the right combination of `picture` + `srcset` + `sizes` for a hero image without going down a spec-rabbit-hole.