Tailwindcss Mobile First

This is the mobile-first Tailwind reference you'll want open when you're building responsive layouts. It walks you through the complete 2025/2026 approach: fluid typography with clamp(), fluid spacing scales, proper touch target sizing for WCAG 2.2 compliance (44px minimum recommended), and container queries for component-level responsiveness. The breakpoint strategy is solid, emphasizing progressive enhancement over desktop-down approaches. What makes this genuinely useful is the practical coverage of modern concerns like safe-area insets for notched devices and proper touch versus hover state handling. If you're still writing md:text-lg before text-base, this will fix that habit fast.

Install to Claude Code

npx -y skills add josiahsiegel/claude-plugin-marketplace --skill tailwindcss-mobile-first --agent claude-code