css
Tailwind space/divide utilities not affecting children
space-.*not working|divide-.*no effect|between.*children
Fixes
- 1.space-x/y and divide-x/y only work on direct children — they use > * + * selector
- 2.Ensure the parent has the class, not the children: <div class='space-y-4'> <child/> <child/> </div>
- 3.These utilities don't work with absolutely positioned or hidden children — use gap with flex/grid instead
tailwindspacingdivide
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