Should I use arbitrary values in Tailwind?
Sparingly. Arbitrary values like w-[342px] are available when you truly need them, but using them everywhere breaks consistency with your design tokens and makes the design harder to maintain. Prefer the spacing scale.
Verify This Answer
Cross-check this information using these trusted sources:
More FAQs in Common Tailwind CSS Mistakes That Bloat Your React Markup
Usually because you forgot to configure the content paths in the Tailwind config. Tailwind only generates CSS for classes it finds in the files you list, so if the paths are wrong or missing, no CSS is produced and your styles do not appear.
Extract a component so the long class string lives in one place, or use the @apply directive in CSS to combine utilities into a named class. Both keep markup readable, but use @apply sparingly.
Because the CDN ships the entire framework, including classes you do not use, which defeats one of Tailwind's main benefits. Install Tailwind properly so it scans your markup and ships only the classes you use.
Still have questions?
Browse all our FAQs or reach out to our support team