3 comments
@spartanatreyu good call! at first, i thought this would make a great container state query, but then only children would be able to adapt.. and i dont think that matches the use cases of the post much? @argyleink I wonder if one day we can make something like `sibling-count()` and `sibling-index()` but for rows and columns... You could use row-index() to give each row an alternating of hue-cycling background-color . But you could do more interesting things like .flex-container:has( > *:row-index(2)) to detect if the flex container itself currently has any wrapping elements. Or animate the elements enter/exit animations to the nearest side using row/column-index(), calc(), and round(). |
@argyleink You forgot one!
https://ishadeed.com/article/flex-wrap-detect/