“Desktop-Only Tailwind, Missing Responsive Prefixes” is a medium code quality issue that shows up in Tailwind CSS projects. It is one of the 125+ checks NexusBro runs on every audit — the kind of problem that is easy to miss in code review yet cheap to fix once you know exactly what to look for.
Left unaddressed, it makes the codebase harder to maintain and more likely to regress on the next change. The good news: this is a well-understood pattern with a deterministic check and a concrete fix, both of which are below. You can verify it by hand using the command shown, or let an automated scan find every instance of it across your whole site in one pass.
NexusBro checks for this automatically during a Tailwind CSS audit. To verify it yourself, run the check below and apply the fix it describes:
Check responsive prefix usage: grep -rn 'sm:\|md:\|lg:\|xl:\|2xl:' src/ --include="*.tsx" | wc -l. Components should use responsive prefixes for all breakpoints, not just desktop.
Code-quality issues rarely break anything today, but they are where tomorrow’s bugs come from. Catching them early keeps the codebase fast to change and cheap to maintain as it grows.
NexusBro audits your whole site for this check and 120+ others across performance, SEO, accessibility, and security, then hands you a copy-paste fix prompt for your AI coding tool. Free for your first scan, no signup required.
Run a free audit →Explore more: All fixes · Run a free scan · Pro plans