Adam Argyle on Nostr: Wildest #CSS media query I've written in a while `@container (inline-size >= ...

Wildest #CSS media query I've written in a while

`@container (inline-size >= calc(100cqi - 120px))`

yep, `calc()` in a MQ!

WHY?
to re-anchor buttons to be "inside" when space is tight

Video:
purple outline's are containers, buttons adapt to containers or the page

https://nerdy.dev/carousel-adaptive-anchor-positioning-with-calc-in-a-container-query