Post

💡 CSS Tip! Using modern CSS to create a responsive list of stacked images. The overlap will automatically adjust based on the available space and the number of images. css-tip.com/responsive-s... No hardcoded values, no magic numbers, and the gap is transparent!

13/11/25, 10:38 am10 reposts53 likes

@davatron5000.bsky.social

hey, this gives me an idea....

Rafa 🦄 BSIDES

Unfortunately it doesn’t work in mobile safari =\

sibling-count() is Chrome-only at the moment :( developer.mozilla.org/en-US/docs/Web…

developer.mozilla.orgsibling-count() - CSS | MDNThe sibling-count() CSS function returns an integer representing the total number of sibling DOM elements (direct children of the parent) of the element on which it is used, including itself.

@anatudor.bsky.social

You just gave me an idea how to do something of the kind with just the img, no other elements or pseudos.