Tailwindcss Mobile First

josiahsiegel/claude-plugin-marketplace/plugins/tailwindcss-master/skills/tailwindcss-mobile-first

by josiahsiegel5a1b1123b9e5No license58 starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 3 months ago

Mobile-first responsive design patterns with Tailwind CSS v4 (2025-2026). PROACTIVELY activate for: (1) mobile-first design with Tailwind breakpoints (sm:, md:, lg:, xl:, 2xl:), (2) responsive utility ordering (default = mobile, then breakpoints), (3) responsive typography (text-base sm:text-lg lg:text-xl), (4) responsive grids and flexbox, (5) hide/show across breakpoints (hidden md:block), (6) max-* breakpoints for desktop-down overrides, (7) container queries (@container) for component-level responsiveness, (8) safe-area insets and notch handling, (9) landscape vs portrait orientation, (10) touch vs hover (hover: with @media). Provides: breakpoint reference, mobile-first patterns, container-query examples, safe-area recipes, and touch/hover handling.

  1. 5a1b1123b9e5Currentcommit 5a1b112Published Oct 8, 2026

Source and attribution

Source:josiahsiegel/claude-plugin-marketplaceinplugins/tailwindcss-master/skills/tailwindcss-mobile-firstat commit5a1b112

License: No license

Content belongs to its original authors. SourceWeft indexes it from a public repository.

Report or request removal