thanks - you've just sorted my Christmas project for me. I've tried to wrap my head around CSS layout several times. On each occasion, I've come away with a perplexed sense of "but.... surely it shouldn't be as hard as this?". Layout is about the relationship among elements. CSS - as far as I could see - is based on styling elements within containers. There's little or no ability to express peer-to-peer relationships directly.

First example on every-layout and already I have a fresh perspective. For example, under stack [0]:

"margin is really a property of the relationship between two proximate elements. "

and then a solution for styling the relationship directly.

[0]: https://every-layout.dev/layouts/stack/