css

Flex item not shrinking (min-width)

(flex|Flexbox).*item.*not shrinking|flex-shrink.*not working

Fixes

1.Add min-width: 0 to flex item
2.Set overflow: hidden on item
3.flex-shrink respects min-content size by default

flexboxshrinkmin-width

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