css

Tailwind arbitrary value syntax not working

arbitrary.*value.*not.*working|\[.*\].*class.*ignored

Fixes

1.Ensure no spaces inside the brackets: w-[300px] not w-[ 300px ]
2.Escape special characters: content-['hello\_world'] for underscore-as-space
3.Arbitrary values require JIT mode (Tailwind v3+) — upgrade if on v2

tailwindarbitrary-valuesJIT

Related Errors

Container queries not supported

@container.*not.*supported|container-type.*unknown

•Add container-type: inline-size to parent
•Check browser version supports container queries

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

Container query: No matching container ancestor

@container.*no.*ancestor.*container

•Add container-type to an ancestor element
•Check container-name matches query