css
Tailwind custom config not loading
tailwind.*config.*not.*loading|custom.*theme.*not.*applied
Fixes
- 1.Verify tailwind.config.js is in the project root (or specified path in PostCSS config)
- 2.Restart the dev server after changing tailwind.config.js — changes aren't always hot-reloaded
- 3.Check for syntax errors in config: module.exports = { theme: { extend: { ... } } } — use extend to not override defaults
tailwindconfigtheme
Related Errors
css3 fixes
Container queries not supported
@container.*not.*supported|container-type.*unknown
- •Add container-type: inline-size to parent
- •Check browser version supports container queries
css3 fixes
Container query: Invalid container name
container-name.*must be.*ident
- •Use valid CSS identifier for container-name
- •Don't use CSS keywords as container names
css3 fixes
Container query: No matching container ancestor
@container.*no.*ancestor.*container
- •Add container-type to an ancestor element
- •Check container-name matches query