Tailwind styles work in dev but are missing in production build

Error

Some Tailwind classes have no effect after npm run build / deploy, though they work with the dev server.

Fix

Tailwind v3 only generates classes it finds in the files listed in tailwind.config.js content. Add every folder that uses classes, e.g. content: ['./index.html', './src/**/*.{js,jsx,ts,tsx}', './app/**/*.{js,jsx}', './components/**/*.{js,jsx}']. Also avoid building class names from string pieces like `text-${color}-500`; write full class names. Tailwind v4 detects sources automatically, so check you aren't mixing v3 config with v4.

Related fixes