Advanced Tree Counting: Mathematical Layouts With sibling-index() And sibling-count()–
Meet ‘sibling-index ()’ and ‘sibling-count()’. Staggered waterfall result in one line of CSS without ‘: nth-child()’ guidelines or JS workarounds. Works for 5 products or 5,000. Source

Meet ‘sibling-index ()’ and ‘sibling-count()’. Staggered waterfall result in one line of CSS without ‘: nth-child()’ guidelines or JS workarounds. Works for 5 products or 5,000.
Source
